@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////
 광고 배너
 /////////////////////////////////////////////////////////////////////// */
.top_banner {padding-top:10px; text-align:center;}

/* 온에어 페이지  */
.onair_video .ad_side_banner_left {position:absolute; top:0; left:50%; margin-left:-790px;}
.onair_video .ad_side_banner_right {position:absolute; top:0; right:50%; margin-right:-790px;}

/* 방송 장르별 페이지  */
.tv_genre .ad_side_banner_left {position:absolute; top:116px; left:50%; margin-left:-790px;}
.tv_genre .ad_side_banner_right {position:absolute; top:116px; right:50%; margin-right:-790px;}

@media all and (max-width:1400px){
  .ad_side_banner_left, .ad_side_banner_right {display:none;}
}


/* 광고 영역 */
.add_txt_banner {padding-top:40px; padding-right:640px; padding-bottom:40px; border-bottom:solid 1px #656565; border-top:solid 1px #656565; overflow:hidden;}
.add_txt_banner .text_box {float:left; width:100%;}
.add_txt_banner .text_box ul {padding-top:10px;}
.add_txt_banner .text_box ul li {padding:9px 0; line-height:1; display:block; font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;}
.add_txt_banner .text_box ul li a {}

.add_txt_banner .banner_box {float:right; width:640px; margin-right:-640px; overflow:hidden;}
.add_txt_banner .banner_box .box {display:inline-block;}
.add_txt_banner .banner_box .box:first-child {float:left;}
.add_txt_banner .banner_box .box:last-child {float:right;}

.add_txt_banner_m { display: none;}
.taboola_pc {display: block;}
.taboola_m {display: none;}

/* 광고 영역 */
.aside_ad {margin-bottom:40px;}
.aside_ad_m {display: none;}
/* 테블릿*/
@media all and (max-width:1024px){
.aside_ad {margin-bottom:40px;}
.aside_ad_m {display: none;}
}
@media all and (max-width:768px){
.aside_ad {display:none;} 
.aside_ad_m {display: block; margin-bottom: 20px; text-align: center;}
}
/* 모바일*/
@media all and (max-width:640px){   
.aside_ad {display:none;}
.aside_ad_m {display: block;  margin-bottom: 20px; text-align: center;}
}


@media all and (max-width:1024px){
  .add_txt_banner {padding-top:45px; padding-right:0; padding-bottom:38px;}
  .add_txt_banner .text_box {float:initial; width:auto;}
  .add_txt_banner .banner_box {float:initial; padding-top:20px; margin-right:0; width:auto; text-align:center;}
  .add_txt_banner .banner_box .box {width:50%; text-align:center;}

  .add_txt_banner_m { display: none;}
 /* 광고 영역 : 타불라 */
.taboola_pc {display: block;}
.taboola_m {display: none;}
}

@media all and (max-width:768px){
  .add_txt_banner { display: none;}
  .add_txt_banner_m {display: block;  padding-top:10px; padding-bottom:10px;}
  .add_txt_banner .banner_box {display: none;}
  /*.add_txt_banner .banner_box {float:initial; padding-top:20px; margin-right:0; width:auto; text-align:center;}*/
 /* 광고 영역 : 타불라 */
 .taboola_pc {display: none;}
 .taboola_m {display: block;}
}

@media all and (max-width:480px){
     .add_txt_banner { display: none;}
    .add_txt_banner_m {display: block;  padding-top:10px; padding-bottom:10px;}
     .add_txt_banner .banner_box {display: none;}
    /* 광고 영역 : 타불라 */
    .taboola_pc {display: none;}
    .taboola_m {display: block;}
}

/* 뉴스피드형 광고 UI */
.ad_grid {padding-top:30px; padding-right:320px; overflow:hidden;}
.ad_grid .ad_newsfeed {float:left; width:100%;}
.ad_grid .ad_banner {float:right; width:300px; margin-right:-320px;}
.ad_grid .ad_banner .ad_1 {}
.ad_grid .ad_banner .ad_2 {padding-top:40px;}

@media all and (max-width:1024px){
  .ad_grid {padding-top:30px; padding-right:0; overflow:hidden;}
  .ad_grid .ad_newsfeed {float:initial; width:auto;}
  .ad_grid .ad_banner {float:initial; width:auto; margin-right:0; padding-top:20px;}

  .ad_grid .ad_banner .ad_1 {float:left;}
  .ad_grid .ad_banner .ad_2 {float:right; padding-top:0;}
  .ad_grid .ad_banner div {width:50%; text-align:center;}
}

@media all and (max-width:768px){
 
}

@media all and (max-width:480px){
 
}

/*///////////////////////////////////////////////////////////////////////
 온에어 메인
 /////////////////////////////////////////////////////////////////////// */
.onair_video {margin-top:155px; position:relative;}

.onair_video_box {display:table; width:100%;}
.onair_video_box .onair_video_cell {display:table-cell; vertical-align:top;}
.onair_video_box .onair_video_cell video {width:100%;}
.onair_video_box .reply_cell {display:table-cell; padding-left:20px; width:320px; height:517px; vertical-align:top; position:relative;}
.onair_video_box .reply_cell .reply_wrap {border:solid 1px #333; height:100%; max-height:517px;position:relative}
.onair_video_box .reply_cell .reply_wrap .replay_display {overflow-y:auto; height:100%; max-height: calc(100% - 84px);}
.onair_video_box .reply_cell .reply_wrap .replay_display ul {}
.onair_video_box .reply_cell .reply_wrap .replay_display ul li {padding:20px; border-bottom:solid 1px #333;}
.onair_video_box .reply_cell .reply_wrap .replay_display ul li span.user_name { color:#196EFF; font-size: 16px;}
.onair_video_box .reply_cell .reply_wrap .replay_display ul li span.txt {display:block;}

.onair_video_box .reply_cell .reply_wrap .reply_write {width:320px; position:absolute; bottom:7px; right:0;}
.onair_video_box .reply_cell .reply_wrap .reply_write .outline {display:table; width:100%;}
.onair_video_box .reply_cell .reply_wrap .reply_write .outline .insert {display:table-cell; vertical-align:middle; background-color:#333333;}
.onair_video_box .reply_cell .reply_wrap .reply_write .outline .insert textarea {padding:7px; height:50px; color:#999; background-color:#333333; border:none; resize:none;}
.onair_video_box .reply_cell .reply_wrap .reply_write .outline .insert .tx_count {padding:0 0 0 10px; line-height:1; font-size:12px; color:#999;}
.onair_video_box .reply_cell .reply_wrap .reply_write .outline .insert .tx_count strong {color:#fff;}
.onair_video_box .reply_cell .reply_wrap .reply_write .outline .control {display:table-cell; padding:5px 0; width:67px; vertical-align:middle; background-color:#333333; }
button.btn_reply_write {width:67px; height:74px; background-color:#196EFF; border-radius:5px;}


.onair_video_info {padding:40px 450px 40px 0; overflow:hidden; border-bottom:solid 1px #bcbcbc;}
.onair_video_info .info_txt {float:left; width:100%;}
.onair_video_info .info_txt strong.title {display:block; font-size:42px; line-height:1.2; font-weight:normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;}
.onair_video_info .info_txt span.time {font-size:30px;}

.onair_video_info .func {float:right; width:450px; margin-right:-450px; text-align:right;}
.onair_video_info .func>ul {}
.onair_video_info .func>ul>li {display:inline-block; position:relative;}
.onair_video_info .func>ul>li a.title {display:inline-block; margin:0 2px; width:105px; height:100px; text-align:center; background-color:#464646; border-radius:5px;}
.onair_video_info .func>ul>li a.title img {margin-top:13px;}
.onair_video_info .func>ul>li a.title span {display:block; font-size:18px; color:#d4d4d4;}
.onair_video_info .func>ul>li a.title:hover {background-color:#322f2f;}
.onair_video_info .func>ul>li a.title:hover span {color:#fff;}

.share_sns {/*padding:0 15px;*/  width:300px; height:100px;  text-align:center; background-color:#fff;  position:absolute; top:0; right:115px;}
.share_sns ul {padding:27px 0;}
.share_sns ul li {display:inline-block; padding:0 3px;}
.share_sns ul li a {display:inline-block; width:45px; height:45px; line-height:45px;  border:solid 1px #ddd; background-color:#fff;;  border-radius:5px; overflow:hidden;}
.share_sns ul li a:hover {border:solid 1px #aaa;}

.onair_970_pc {width: 970px; min-height: 90px; margin:0 auto 20px;}
.onair_300_m {display: none;}
/* 데스크탑 */
@media all and (max-width:1260px){
  .onair_video {padding-top:0;}
  .onair_video .base_width {padding:0 10px;}

  .onair_video_box .reply_cell .reply_wrap .reply_write {bottom:0;}
}

/* 태블릿 */
@media all and (max-width:1024px){ 
  .onair_video {margin-top:70px;}
  .onair_video_box .reply_cell {display:table-cell; padding-left:20px; width:320px; height:369px; vertical-align:top; position:relative;}
  .onair_video_box .reply_cell .reply_wrap {height:369px;}
  .onair_video_box .reply_cell .reply_wrap .replay_display {height:285px;}

  .onair_video_info {padding:30px 330px 30px 0;}
  .onair_video_info .info_txt strong.title {font-size:30px;}
  .onair_video_info .info_txt span.time {font-size:20px;}
  .onair_video_info .func {float:right; width:330px; margin-right:-330px;}
  .onair_video_info .func>ul>li a.title {display:inline-block; width:100px; height:80px;}
  .onair_video_info .func>ul>li a.title img {width:40px;}
  .onair_video_info .func>ul>li a.title span {font-size:16px;}

  .share_sns {padding:0 10px; width:210px; height:80px; right:105px;}
  .share_sns ul {padding:20px 0;}
  .share_sns ul li {padding:0 2px;}
  .share_sns ul li a {width:40px; height:40px; line-height:40px;}
.onair_970_pc {display: block!important; width: 970px; min-height: 90px; margin:0 auto 20px;}
.onair_300_m {display: none;}
}

@media all and (max-width:768px){
  .onair_video_box {display:block; width:auto;}
  .onair_video_box .onair_video_cell {display:block;}
  /* .onair_video_box .reply_cell {display:block; padding-left:0; width:auto; height:200px; } */
  .onair_video_box .reply_cell {display:block; padding-left:0; width:auto; height:284px; vertical-align:top; position:relative;}
  .onair_video_box .reply_cell .reply_wrap {height:284px;}
  .onair_video_box .reply_cell .reply_wrap .replay_display {overflow-y:auto; height:200px;}
  .onair_video_box .reply_cell .reply_wrap .replay_display ul li {padding:10px;}
  .onair_video_box .reply_cell .reply_wrap .replay_display ul li span.txt {font-size:12px;}
  .onair_video_box .reply_cell .reply_wrap .reply_write {width:100%; position:absolute; bottom:0; right:0;}

  .onair_video_info {padding:15px 160px 15px 0;}
  .onair_video_info .info_txt strong.title {font-size:22px;}
  .onair_video_info .info_txt span.time {font-size:14px;}
  .onair_video_info .func {float:right; width:160px; margin-right:-160px;}
  .onair_video_info .func>ul>li {width:50px;}
  .onair_video_info .func>ul>li a.title {display:inline-block; width:50px; height:50px; line-height:50px;}
  .onair_video_info .func>ul>li a.title img {margin-top:0; width:35px;}
  .onair_video_info .func>ul>li a.title span {display:none}

  .share_sns {padding:0; width:210px; height:50px; right:50px; border-radius:5px;}
  .share_sns ul {padding:0;}
  .share_sns ul li {padding:0;}
  .share_sns ul li a {width:48px; height:48px; line-height:48px; border:none; border-radius:0;}
  .share_sns ul li a:hover {border:none;}
  .onair_970_pc {display: none!important;}
  .onair_300_m {display: block!important; width: 100%; min-height: 50px; margin-left:0!important; text-align: center;}
}

/* 모바일 */
@media all and (max-width:414px){
  .onair_video_info {padding:15px 10px;}
  .onair_video_info .info_txt {float:initial;}
  .onair_video_info .func {float:initial; width:auto; margin-right:0;}
  .onair_video_info .func>ul>li {width:40px;}
  .onair_video_info .func>ul>li a.title {display:inline-block; width:40px; height:40px; line-height:40px;}
  .onair_video_info .func>ul>li a.title img {width:25px;}

  .share_sns {width:170px; height:40px; right:40px; border-radius:5px;}
  .share_sns ul li a {width:38px; height:38px; line-height:38px; border:none;}
  .share_sns ul li a:hover {border:none;}
}


/* ON-AIR : 현재 시간 편성표 //////////////////////////////////////////////////////////////////*/
.onair_current_table {padding:70px 0 70px;}
.onair_current_table h3 {margin-bottom:20px;}
.onair_current_table ul {display:flex;}
.onair_current_table ul li {width:33.33%; box-sizing:border-box;}
.onair_current_table ul li:first-child {border-left:none;}
.onair_current_table ul li .container_box {padding:0 10px 0 140px; height:90px; background-color:#363636; position:relative;}
.onair_current_table ul li .container_box.onair_box {background-color:#515151;}
.onair_current_table ul li .container_box .thum {float:left; width:130px; margin-left:-140px; text-align:center; line-height:90px;}
.onair_current_table ul li .container_box .thum img {max-width:100%; opacity:0.6;}
.onair_current_table ul li .container_box.onair_box .thum img {opacity:1.0}
.onair_current_table ul li .container_box .info {float:right; padding-top:22px; width:100%;}
.onair_current_table ul li .container_box .info span.time {display:block; margin-bottom:10px; color:#b2b2b2; font-size:18px; line-height:1;}
.onair_current_table ul li .container_box .info span.title {display:block; color:#b2b2b2; font-size:22px; line-height:1; 
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.onair_current_table ul li .container_box.onair_box .info span {color:#fff;}
.onair_current_table ul li .container_box .label {position:absolute; top:0; right:5px;}
.onair_current_table ul li .container_box .label span {display:inline-block; width:18px; height:18px; line-height:22px; text-align:center; font-size:0; text-indent:-10000px; background-color:#737373; border-radius:22px;}
.onair_current_table ul li .container_box .label span.state_dinable {background-color:#737373;}
.onair_current_table ul li .container_box .label span.state_enable {background-color:#ff0505;}

/* 테스크탑 */
@media all and (max-width:1260px){
      .onair_current_table ul {margin:0 10px;}
}
/* 테블릿*/
@media all and (max-width:1024px){
      .onair_current_table {padding:50px 0 35px;}
      .onair_current_table ul li:first-child {display:none;}      
      .onair_current_table ul li:nth-child(2) {border-left:none;}
      .onair_current_table ul li {width:50%; padding-left:10px;}
      .onair_current_table ul li:nth-child(2) {padding-left:0;}
      .onair_current_table ul li .container_box .info span.time {margin-bottom:10px; font-size:16px;}
      .onair_current_table ul li .container_box .info span.title {font-size:20px;}
}
/* 모바일*/
@media all and (max-width:768px){
      .onair_current_table {padding:30px 0 35px;}
      .onair_current_table ul li:last-child {display:none;}      
      .onair_current_table ul li {width:100%;} 
      .onair_current_table ul li .container_box .info span.time {margin-bottom:10px; font-size:14px;}
      .onair_current_table ul li .container_box .info span.title {font-size:18px;}
}
@media all and (max-width:480px){
      .onair_current_table {padding:30px 0;}
      .onair_current_table ul li .container_box {padding:0 10px 0 130px; height:74px;}
      .onair_current_table ul li .container_box .thum {width:120px; margin-left:-130px; line-height:70px;}
      .onair_current_table ul li .container_box .info span.time {font-size:13px;}
      .onair_current_table ul li .container_box .info span.title {font-size:16px;}
}

/*///////////////////////////////////////////////////////////////////////
 방송 메인
 /////////////////////////////////////////////////////////////////////// */
 /* main 슬라이드 ///////////////////////////////*/
.tv_main_slide .slide_outline {background-size:cover; background-position:center bottom;}
.tv_main_slide .slide_outline .base_width {height:642px; position:relative; box-sizing:border-box;}
.tv_main_slide .slide_outline .base_width .contents_info {position:absolute; left:0; bottom:80px;}
/* 2024 이해영 수정 */
.tv_main_slide .slide_outline .contents_info .pro_txt {display:block; margin-bottom:20px; font-size:24px; line-height:1; text-shadow:1px 2px 3px #000;}
.tv_main_slide .slide_outline .contents_info .title {display:block; margin-bottom:30px; font-size:70px; line-height:1; text-shadow:1px 2px 3px #000;}
.tv_main_slide .slide_outline .contents_info .title_small {display: block; font-size: 26px; line-height: 1; text-shadow: 1px 2px 3px #000;}
/* 2024 이해영 수정 */

.tv_main_slide .slick-prev, .tv_main_slide .slick-next {
    font-size:0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 72px;
    height: 110px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;
}

.tv_main_slide .slick-prev:before {content: '';}
[dir='rtl'] .tv_main_slide .slick-prev:before {content: '';}

.tv_main_slide .slick-next:before {content: '';}
[dir='rtl'] .tv_main_slide .slick-next:before {content: '';}

.tv_main_slide .slick-prev {
      left:50px;
    background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center; z-index:10;
}
.tv_main_slide .slick-prev:hover, .tv_main_slide .slick-prev:focus {
    background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;
}
.tv_main_slide .slick-next {
      right:50px;
    background:url('../images/common/icon_mainvisualslide_next.png') no-repeat center center;
}
.tv_main_slide .slick-next:hover, .tv_main_slide .slick-next:focus {
    background:url('../images/common/icon_mainvisualslide_next.png') no-repeat center center;
}


.tv_main_slide .slick-dots {bottom:50px;}



/* 테스크탑 */
@media all and (max-width:1260px){
      .tv_main_slide .slide_outline {padding:0 20px !important;}
      .tv_main_slide .slide_outline .base_width {height:600px;} 
      .tv_main_slide .slide_outline .base_width .contents_info {left:100px; bottom:50px;}
}
/* 테블릿*/
@media all and (max-width:1024px){
      .tv_main_slide .slick-dots {bottom:40px;}

      .tv_main_slide .slick-prev {left:10px;}
      .tv_main_slide .slick-next {right:10px;}

      .tv_main_slide .slide_outline .base_width {height:500px;}
      .tv_main_slide .slide_outline .contents_info .pro_txt {margin-bottom:10px; font-size:25px;}
      .tv_main_slide .slide_outline .contents_info .title {margin-bottom:20px; font-size:70px;}
      .tv_main_slide .slide_outline .contents_info .title_small {display: none;}
}

@media all and (max-width:768px){
      .tv_main_slide .slick-dots {bottom:30px;}

      .tv_main_slide .slick-prev,
      .tv_main_slide .slick-next {display:none !important;}

      .tv_main_slide .slide_outline .base_width {height:350px;}      

      .tv_main_slide .slide_outline .base_width .contents_info {left:0; bottom:30px;}
      .tv_main_slide .slide_outline .contents_info .pro_txt {font-size:20px;}
      .tv_main_slide .slide_outline .contents_info .title {margin-bottom:15px; font-size:50px;}
     .tv_main_slide .slide_outline .contents_info .title_small {display: none;}
}
/* 모바일*/
@media all and (max-width:640px){   
      .tv_main_slide .slide_outline .base_width {height:300px;}
      .tv_main_slide .slick-dots {bottom:20px;}
      .tv_main_slide .slide_outline .contents_info .title_small {display: none;}
}

@media all and (max-width:480px){   
      .tv_main_slide .slide_outline .base_width {height:250px;}
      .tv_main_slide .slide_outline .contents_info .pro_txt {font-size:16px;}
      .tv_main_slide .slide_outline .contents_info .title {margin-bottom:10px; font-size:30px;}
      .tv_main_slide .slide_outline .contents_info .title_small {display: none;}
}


/* 영상리스트 스와이프용 : base_width를 품고있는 UI /////////////////////////////////////////////*/
.tv_movie_swipe {padding:30px 0 0;}
.tv_movie_swipe .base_width {overflow:hidden;}
.tv_movie_swipe h3 {margin-bottom:10px;}

.tv_movie_swipe .swipe_banner {margin:0 -10px;}
.tv_movie_swipe .swipe_topimg {margin:0 -10px;}

.swipelist>div {overflow:inherit;}

.swipelist .tv_clip {margin-bottom:15px;}
.swipelist .tv_clip a {display:block;}
.swipelist .tv_clip span.thum {display:block; margin:0 10px; text-align:center;
      border-radius:5px;
      position:relative; padding-bottom:51%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}

.swipelist .tv_clip .title {display:block; padding:10px; height:40px; line-height:24px; font-size:18px; font-family:NotoSansKR-R,AppleGothic,sans-serif;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}

.tv_movie_swipe .slick-prev, .tv_movie_swipe .slick-next {
    font-size:0;
    line-height: 0;
    position: absolute;
    top:-30px;
    display: block;
    width: 31px;
    height: 31px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;

    overflow:hidden;
    border-radius:0;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    /*background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;*/
}

.tv_movie_swipe .slick-prev:before {content: '';}
[dir='rtl'] .tv_movie_swipe .slick-prev:before {content: '';}

.tv_movie_swipe .slick-next:before {content: '';}
[dir='rtl'] .tv_movie_swipe .slick-next:before {content: '';}

.tv_movie_swipe .slick-prev {
    left:initial;
    right:50px;
    background:url('../images/common/icon_slide_boxarrow_prev.png') no-repeat center center; z-index:10;
}
.tv_movie_swipe .slick-prev:hover, .tv_movie_swipe .slick-prev:focus {
    background:url('../images/common/icon_slide_boxarrow_prev.png') no-repeat center center;
}
.tv_movie_swipe .slick-next {
    right:10px;
    background:url('../images/common/icon_slide_boxarrow_next.png') no-repeat center center;
}
.tv_movie_swipe .slick-next:hover, .tv_movie_swipe .slick-next:focus {
    background:url('../images/common/icon_slide_boxarrow_next.png') no-repeat center center;
}


.tv_movie_swipe .slick-dots {
    bottom:-20px;
}


/* 테스크탑 */
@media all and (max-width:1260px){
  .tv_movie_swipe .swipe_banner {margin:0;}
  .tv_movie_swipe .swipe_topimg {margin:0;}
}
@media all and (max-width:1024px){
  .tv_movie_swipe .slick-prev,
  .tv_movie_swipe .slick-next {display:none !important;} 
}
/* 테블릿*/
@media all and (max-width:768px){ 
  .swipelist .tv_clip:hover {transform: scale(1);}

  .swipelist .tv_clip:hover .pop_clip_preview {display:none;}
  .swipelist .tv_clip:hover .title {display:block;}
}
/* 모바일*/
@media all and (max-width:640px){  
  .swipelist .tv_clip .title {height:36px; line-height:22px; font-size:16px;}
}

/* 영상리스트 스와이프용 : base_width가 없는 UI - 상세페이지 뎁스 /////////////////////////////////////////////*/
.tv_movie_swipe2 {padding:30px 0 0;}
.tv_movie_swipe2 .outline {overflow:hidden;}
.tv_movie_swipe2 h3 {margin-bottom:10px;}

.tv_movie_swipe2 .swipe_banner {margin:0 -10px;}

.tv_movie_swipe2 .slick-prev, .tv_movie_swipe2 .slick-next {
    font-size:0;
    line-height: 0;
    position: absolute;
    top:-30px;
    display: block;
    width: 31px;
    height: 31px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;

    overflow:hidden;
    border-radius:0;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    /*background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;*/
}

.tv_movie_swipe2 .slick-prev:before {content: '';}
[dir='rtl'] .tv_movie_swipe2 .slick-prev:before {content: '';}

.tv_movie_swipe2 .slick-next:before {content: '';}
[dir='rtl'] .tv_movie_swipe2 .slick-next:before {content: '';}

.tv_movie_swipe2 .slick-prev {
    left:initial;
    right:50px;
    background:url('../images/common/icon_slide_boxarrow_prev.png') no-repeat center center; z-index:10;
}
.tv_movie_swipe2 .slick-prev:hover, .tv_movie_swipe2 .slick-prev:focus {
    background:url('../images/common/icon_slide_boxarrow_prev.png') no-repeat center center;
}
.tv_movie_swipe2 .slick-next {
    right:10px;
    background:url('../images/common/icon_slide_boxarrow_next.png') no-repeat center center;
}
.tv_movie_swipe2 .slick-next:hover, .tv_movie_swipe2 .slick-next:focus {
    background:url('../images/common/icon_slide_boxarrow_next.png') no-repeat center center;
}

.tv_movie_swipe2 .slick-dots {
    bottom:-20px;
}


/* 테스크탑 */
@media all and (max-width:1260px){
  .tv_movie_swipe2 h3.main_title {margin-left:0; margin-right:0;}
  /* .tv_movie_swipe2 .swipe_banner {margin:0;}  */
}
@media all and (max-width:1024px){
  .tv_movie_swipe2 .slick-prev,
  .tv_movie_swipe2 .slick-next {display:none !important;} 
}


/* 대표 프로그램 /////////////////////////////////////////////////////////////////////// */
.represent_program {padding:40px 0;}
.represent_program .base_width {}
.represent_program .base_width h3 {margin-bottom:10px;}

.program_list {}
.program_list ul {overflow:hidden; margin-left:-2%;}
.program_list ul li {float:left; margin-left:2%; margin-bottom:20px; width:23%;}
.program_list ul li a {}
.program_list ul li a img {border-radius:5px; overflow:hidden;}


/* 테스크탑 */
@media all and (max-width:1260px){
  .program_list {margin:0 10px;}
}
@media all and (max-width:1024px){
/*  .program_list ul li {width:31.33%;}*/
}
/* 테블릿*/
@media all and (max-width:640px){
      .represent_program {padding:20px 0;} 
      .represent_program .base_width h3 {margin-bottom:5px;}
      .program_list ul li {margin-bottom:10px; width:48%;}
}
/* 모바일*/
@media all and (max-width:640px){   
 
}

/*///////////////////////////////////////////////////////////////////////
 방송 : 프로그램 메인
 /////////////////////////////////////////////////////////////////////// */
.tv_program_main {margin-top:152px; margin-bottom:30px;}
.tv_program_main .base_width {}

.primary_pro_box {display:table; width:100%;}
.primary_pro_box .primary_thum {display:table-cell; width:412px; vertical-align:top;}
.primary_pro_box .primary_thum img {}

.primary_pro_box .info {display:table-cell; padding-left:40px; vertical-align:top;}
.primary_pro_box .info .top_info {margin-top:40px; padding-bottom:30px;}
.primary_pro_box .info .top_info .title {padding:15px 10px 15px 26px; border-left:solid 6px #189188;}
.primary_pro_box .info .top_info .title strong.subject {display:block; font-size:60px; font-weight:normal; line-height:1.2;}
.primary_pro_box .info .top_info .title span.time {font-size:20px;}

a.btn_tv_navi_mobile {display:none; font-size:0; text-indent:-10000px;}

.primary_pro_box .info .top_info nav.program_menu {padding-top:44px;}
.primary_pro_box .info .top_info nav.program_menu ul {}
.primary_pro_box .info .top_info nav.program_menu ul:after {display:block; content:""; clear:both;}
.primary_pro_box .info .top_info nav.program_menu ul li {display:inline-block; padding:15px 15px; line-height:1; position:relative;}
.primary_pro_box .info .top_info nav.program_menu ul li a.menu_title {display:inline-block; font-size:20px;}
.primary_pro_box .info .top_info nav.program_menu ul li a.menu_title span.cert {display:inline-block; width:11px; height:10px; background:url('../images/icon/icon_prointro_arrow.png') no-repeat center center;}
.primary_pro_box .info .top_info nav.program_menu ul li.active,
.primary_pro_box .info .top_info nav.program_menu ul li:hover {background-color:#189188; border-radius:5px;}
.primary_pro_box .info .top_info nav.program_menu ul li.active a.menu_title,
.primary_pro_box .info .top_info nav.program_menu ul li:hover a.menu_title {color:#fff;}
.primary_pro_box .info .top_info nav.program_menu ul li.active:after,
.primary_pro_box .info .top_info nav.program_menu ul li:hover:after {display: block; clear:both; content:''; width:10px; height:10px; background-color:#189188;
position:absolute; left:50%; bottom:-4px; margin-left:-5px; transform: rotate(45deg);}

.primary_pro_box .info .top_info nav.program_menu .pro_sub_menu {margin-top:10px; padding:15px; background-color:#353535; border-radius:10px;}
.primary_pro_box .info .top_info nav.program_menu .pro_sub_menu a {display:inline-block; margin:0 5px; padding-left:12px; font-size:18px; color:#fff; background:url('../images/icon/icon_prointro_dot.png') no-repeat center left;}
.primary_pro_box .info .top_info nav.program_menu .pro_sub_menu a:hover {color:#11c3b6;}

.primary_pro_box .info .recom_content {padding-top:35px; border-top:solid 1px #6a6a6a;}
.primary_pro_box .info .recom_content h3 {font-size:30px; font-weight:normal;}
.primary_pro_box .info .recom_content ul {overflow:hidden; margin-left:-2%;}
.primary_pro_box .info .recom_content ul li {float:left; margin-left:2%; width:31.33%;}
.primary_pro_box .info .recom_content ul li a {display:block;}
.primary_pro_box .info .recom_content ul li span.thum {display:block; text-align:center;
      border-radius:5px;
      position:relative; padding-bottom:53%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}

/* 테스크탑 */
@media all and (max-width:1260px){
  .tv_program_main .base_width {margin:0 10px;}
  .primary_pro_box .primary_thum {width:380px;}
  .primary_pro_box .info {padding-left:20px; vertical-align:top;}
  .primary_pro_box .info .top_info {margin-top:20px;}
  .primary_pro_box .info .top_info .title {padding:15px 10px 15px 26px;}
  .primary_pro_box .info .top_info .title strong.subject {font-size:60px;}
  .primary_pro_box .info .top_info .title span.time {font-size:20px;}
}
@media all and (max-width:1024px){
  .tv_program_main {margin-top:85px;}
  .primary_pro_box .primary_thum {width:320px;}
  .primary_pro_box .info {padding-left:20px; vertical-align:top;}
  .primary_pro_box .info .top_info {margin-top:20px; padding-bottom:20px;}
  .primary_pro_box .info .top_info .title {padding:10px 10px 10px 10px; border-left:solid 6px #189188;}
  .primary_pro_box .info .top_info .title strong.subject {font-size:40px;}
  .primary_pro_box .info .top_info .title span.time {font-size:16px;}

  /* .primary_pro_box .info .top_info nav.program_menu ul {padding-bottom:30px; white-space:nowrap;
    overflow-x: auto; 
    overflow-y: hidden;
    flex-wrap: inherit !important;
    scrollbar-width: none;}
  .primary_pro_box .info .top_info nav.program_menu ul::-webkit-scrollbar {display:none;} */

  .primary_pro_box .info .top_info nav.program_menu ul li a.menu_title {font-size:18px;}
  .primary_pro_box .info .recom_content h3 {font-size:20px;}
  .primary_pro_box .info .recom_content {padding-top:40px;}
}
/* 테블릿*/
@media all and (max-width:768px){
  .tv_program_main {margin-bottom:0;}
  .primary_pro_box {display:block;}
  .primary_pro_box .info .recom_content h3 {margin-bottom:10px;}
}
/* 모바일*/
@media all and (max-width:768px){   
  .primary_pro_box .primary_thum {display:block; width:auto; text-align:center;}
  .primary_pro_box .primary_thum img {width:300px;}
  .primary_pro_box .info {display:block; width:auto; padding-left:0; vertical-align:top; position:relative;}

  .primary_pro_box .info .top_info {padding-bottom:10px;}
  .primary_pro_box .info .top_info .title {padding:0; padding-left:10px; margin-left:0px; border-left:solid 3px #189188; position:relative;}
  .primary_pro_box .info .top_info .title strong.subject {font-size:28px;
    display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
  }
  .primary_pro_box .info .top_info .title span.time {font-size:14px;}

  a.btn_tv_navi_mobile {display:inline-block; margin-top:-15px; width:30px; height:30px; 
    background:url('../images/icon/icon_arrow_tv_navi.png') no-repeat center center; background-size:20px; position:absolute; top:50%; right:10px;}
  a.btn_tv_navi_mobile img {width:20px;}
  a.btn_tv_navi_mobile.active {background:url('../images/icon/icon_arrow_tv_navi_active.png') no-repeat center center; background-size:20px;}

  .primary_pro_box .info .top_info nav.program_menu {display:none; padding:10px 0 30px; text-align:center;}
  /* .primary_pro_box .info .top_info nav.program_menu ul {display:inline-block;}
  .primary_pro_box .info .top_info nav.program_menu ul li {display:inline-block;}
  .primary_pro_box .info .top_info nav.program_menu ul li:first-child {padding:0 15px;}
  .primary_pro_box .info .top_info nav.program_menu ul li .pro_sub_menu {width:auto;}
  .primary_pro_box .info .top_info nav.program_menu ul li .pro_sub_menu a {font-size:14px; color:#ccc;} */

  nav.program_menu_mobile {width:calc(100% + 20px); box-sizing: border-box; background-color:#393939; position:absolute; top:65px; left:-10px; z-index:10;}
  nav.program_menu_mobile ul {}
  nav.program_menu_mobile ul li {font-size:16px; border-bottom:solid 1px #666666;}
  nav.program_menu_mobile ul li:first-child {border-top:solid 1px #666666;}
  nav.program_menu_mobile ul li a.menu_title {display:block; padding:15px 30px; position:relative;}
  nav.program_menu_mobile ul li a.menu_title span.cert {display:inline-block; width:26px; height:26px; background:url('../images/common/icon_sidemenu_cert.png') no-repeat center; background-size:50%; position:absolute; top:15px; right:10px;}
  nav.program_menu_mobile ul li a.menu_title.active span.cert {display:inline-block; width:26px; height:26px; background:url('../images/common/icon_sidemenu_cert_active.png') no-repeat center; background-size:50%;}
  nav.program_menu_mobile ul li a.menu_title_nonsub {display:block; padding:15px 30px; position:relative;}
  nav.program_menu_mobile ul li a.menu_title_nonsub span.cert {display:none;}

  nav.program_menu_mobile ul li .pro_sub_menu_m {padding:10px 30px; background-color:#4c4c4c;}
  nav.program_menu_mobile ul li .pro_sub_menu_m a {display:block; padding:5px; font-size:14px; color:#ccc;}

  .primary_pro_box .info .recom_content ul {margin-left:0;}
  .primary_pro_box .info .recom_content ul li {float:initial; margin-bottom:20px; margin-left:0; width:auto;}
}

/*///////////////////////////////////////////////////////////////////////
 최신영상 : 모바일 전용
 /////////////////////////////////////////////////////////////////////// */
.latest_movie_box_mobile {display:none; padding:30px 0 20px; background-color:#3d3d3d;}
.latest_movie_box_mobile h3 {font-size:20px; margin-left:0; margin-bottom:10px;}
.latest_movie_box_mobile .base_width {padding:0 10px;}
.latest_movie_box_mobile button {width:200px; height:50px; font-size:16px;}

.latest_movie_mobile {}
.latest_movie_mobile ul {margin-left:-2%; overflow: hidden;}
.latest_movie_mobile ul li {float:left; width:48%; margin-left:2%;}
.latest_movie_mobile ul li a {display:block;  margin-bottom:20px;}
.latest_movie_mobile ul li .thum {display:block; text-align:center;
      border-radius:5px;
      position:relative; padding-bottom:53%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
.latest_movie_mobile ul li .title {padding:10px 0 0; font-size:18px; line-height:22px; font-family:NotoSansKR-R,AppleGothic,sans-serif;
      max-height:44px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}

/* 테블릿*/
@media all and (max-width:768px){
    .tv_movie_swipe.latest_movie {display:none;}
    .latest_movie_box_mobile {display:block;}
    .latest_movie_mobile ul li .title {max-height:44px;} 
}
/* 모바일*/
@media all and (max-width:640px){
}
@media all and (max-width:480px){
    .latest_movie_mobile ul {margin-left:0}
    .latest_movie_mobile ul li {float:none; width:auto; margin-left:0; margin-bottom:20px;}
    .latest_movie_mobile ul li .title {padding:10px 0 0; font-size:18px; line-height:22px; max-height:48px;} 
}


/* 추천 프로그램 : 방송프로그램 메인용 //////////////////////////////////////////////////////////////////*/
.total_program_recom {padding:40px 0;}
.total_program_recom h3 {margin-bottom:10px;}

.recom_programlist div img {border-radius:5px; overflow:hidden; margin:0 auto; width:308px;}

.total_program_recom .base_width {padding-bottom:30px;}
.total_program_recom .swipe_banner {margin:0 -20px !important;}

.total_program_recom .slick-prev, .total_program_recom .slick-next {
    font-size:0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 65px;
    height: 65px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;

    overflow:hidden;
    border-radius:65px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    /*background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;*/
}

.total_program_recom .slick-prev:before {content: '';}
[dir='rtl'] .total_program_recom .slick-prev:before {content: '';}

.total_program_recom .slick-next:before {content: '';}
[dir='rtl'] .total_program_recom .slick-next:before {content: '';}

.total_program_recom .slick-prev {
      left:-32px;
    background:url('../images/common/icon_content_prev.png') no-repeat center center; z-index:10;
}
.total_program_recom .slick-prev:hover, .total_program_recom .slick-prev:focus {
    background:url('../images/common/icon_content_prev.png') no-repeat center center;
}
.total_program_recom .slick-next {
      right:-32px;
    background:url('../images/common/icon_content_next.png') no-repeat center center;
}
.total_program_recom .slick-next:hover, .total_program_recom .slick-next:focus {
    background:url('../images/common/icon_content_next.png') no-repeat center center;
}

.total_program_recom .slick-dots {
    bottom:-15px;
}
.slick-dots li.slick-active button:before{
    opacity:.9;
    color:#db2c72 !important;
}

/* 테스크탑 */
@media all and (max-width:1260px){
      .total_program_recom .swipe_banner {margin:0 !important;}
      .total_program_recom .slick-prev {left:10px;}
      .total_program_recom .slick-next {right:10px;}

      .recom_programlist div img {width:95%;}
}
@media all and (max-width:1024px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .recom_programlist div img {width:90%; border-radius:5px;}
}
/* 모바일*/
@media all and (max-width:480px){   
      .total_program_recom {padding:25px 0 50px;}
      .total_program_recom h3 {margin-bottom:10px;}

      .total_program_recom .slick-dots {}

      .total_program_recom .slick-prev,
      .total_program_recom .slick-next,
      .total_program_recom .slick-next:hover,
      .total_program_recom .slick-next:focus
       {width:40px; height:40px; background-size:40px;}
      .total_program_recom .slick-prev {left:10px;}
      .total_program_recom .slick-next {right:10px;}
}



/*///////////////////////////////////////////////////////////////////////
 방송 : 장르별 페이지
 /////////////////////////////////////////////////////////////////////// */
.genre_nav {margin-top:100px; padding:18px 0; text-align:center; border-top:solid 1px #6f6f6f;}
.genre_nav ul {white-space: nowrap;
  overflow-x: auto; 
  overflow-y: hidden;
  flex-wrap: inherit !important;
  scrollbar-width: none;}
.genre_nav ul::-webkit-scrollbar {display:none;}
.genre_nav ul li {display:inline-block; padding:0 30px; border-left:solid 1px #ccc; line-height:1;}
.genre_nav ul li:first-child {border-left:none;}
.genre_nav ul li a {font-size:18px; color:#fff; font-family:NotoSansKR-R, NBG,sans-serif;}
.genre_nav ul li a.active {color:#196EFF;}

.tv_genre {padding-top:40px; border-top:solid 1px #6f6f6f; position:relative;}
.top_control {display:table; width:100%;}
.top_control .left {display:table-cell; vertical-align:top;}
.top_control .right {display:table-cell; text-align:right; vertical-align:top; position:relative;}

.sort_grid {display:inline-block; width:140px; vertical-align:middle; position:relative;}
.sort_grid .sort_box {}
.sort_grid .sort_box a.btn_sort {display:inline-block; padding:0; width:140px; height:40px; line-height:40px; font-size:18px; text-align:center; background-color:#494949; border-radius:40px;}
.sort_grid .sort_box a.btn_sort span.cert {display:inline-block; margin-left:20px; vertical-align:middle; width:16px; height:14px; background:url('../images/icon/icon_sort_arrow.png') no-repeat center center;}
.sort_grid .sort_box a.btn_sort.active span.cert {background:url('../images/icon/icon_sort_arrow_active.png') no-repeat center center;}

.sort_grid .sort_option {width:140px; position:absolute; top:42px; right:0; z-index:1;}
.sort_grid .sort_option ul {padding:10px 20px; background-color:#494949; border-radius:15px; box-sizing:border-box;}
.sort_grid .sort_option ul li {text-align:center;}
.sort_grid .sort_option ul li a {}

ul.tv_program_cata {margin:0 0 35px;}
ul.tv_program_cata li {display:inline-block; margin-right:10px;}
ul.tv_program_cata li:last-child {margin-right:0;}
ul.tv_program_cata li a {display:block; width:175px; height:36px; line-height:36px; color:#a2a2a2; font-size:16px; font-family:NotoSansKR-R, NBG,sans-serif; text-align:center; border:solid 2px #a2a2a2; border-radius:5px;}
ul.tv_program_cata li a:hover, ul.tv_program_cata li a.active {color:#196EFF; border:solid 2px #196EFF;}

/* 테스크탑 */
@media all and (max-width:1260px){
    .tv_genre .base_width {margin:0 10px;}
    .genre_nav ul li {padding:0 20px;}
    .genre_nav ul li a {font-size:20px;}

    ul.tv_program_cata {margin:0 0 35px;} 
}
@media all and (max-width:1024px){
  .genre_nav {margin-top:70px; border-top:none;}
    ul.tv_program_cata li a {width:100px; height:30px; line-height:30px; font-size:16px;} 

    ul.tv_program_cata {margin-bottom:10px;}
    ul.tv_program_cata li {display:inline-block; margin-right:0; margin:0 2px;}
    ul.tv_program_cata li a {width:60px; height:26px; line-height:26px; font-size:14px;}

    .sort_grid {width:110px;}
    .sort_grid .sort_box a.btn_sort {width:110px; height:30px; line-height:30px; font-size:16px;}
    .sort_grid .sort_box a.btn_sort span.cert {display:inline-block; margin-left:10px; vertical-align:middle; width:12px; height:12px; background-size:100%;}

    .sort_grid .sort_option {width:110px; position:absolute; top:32px;}
    .sort_grid .sort_option ul {padding:10px 20px; border-radius:10px;}
}
/* 테블릿*/
@media all and (max-width:768px){
    .genre_nav ul li {padding:0 15px;}
    .genre_nav ul li a {font-size:18px;}
}
/* 모바일*/
@media all and (max-width:640px){   
    .genre_nav ul li {padding:0 15px;}
    .genre_nav ul li a {font-size:16px;}    
}

.tv_programlist {margin-bottom:100px;}
.tv_programlist ul {margin-left:-20px; overflow:hidden;}
/* 0224 이해영 수정 */
.tv_programlist ul li {float:left; margin-left:20px; margin-bottom:25px; width:300px; }
.tv_programlist ul li a {display:block;}
.tv_programlist ul li .thum {display:block;}
.tv_programlist ul li .thum img {border-radius: 5px;}
/* 0224 이해영 수정 */
.tv_programlist ul li .info {display:block; padding:15px 0; text-align:center;}
.tv_programlist ul li .info .pro_name {display:block; font-size:20px; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tv_programlist ul li .info .time {font-size:18px; color:#cccccc;}

/* 테스크탑 */
@media all and (max-width:1260px){
  .tv_programlist ul {margin-left:-2%;}
  .tv_programlist ul li {margin-left:2%; width:23%} 
  .tv_programlist ul li .info {padding:10px 0;}
  .tv_programlist ul li .info .pro_name {font-size:22px;}
  .tv_programlist ul li .info .time {font-size:16px;}
}
@media all and (max-width:1024px){
  .tv_programlist ul {margin-left:-2%;}
  .tv_programlist ul li {margin-left:2%; width:31.33%}
}
/* 테블릿*/
@media all and (max-width:768px){
  .tv_programlist ul li .info .pro_name {font-size:20px;}
  .tv_programlist ul li .info .time {font-size:14px;}
}

@media all and (max-width:640px){   
  .tv_programlist ul li {width:48%}
  .tv_programlist ul li .info .pro_name {font-size:18px;}
  .tv_programlist ul li .info .time {font-size:12px;}
}
/* 모바일*/
@media all and (max-width:480px){    
}


/*///////////////////////////////////////////////////////////////////////////////////////////////
 방송 : 상세페이지
 ///////////////////////////////////////////////////////////////////////////////////////////// */
 .tv_program_common {margin-top:100px;}
 .tv_program_common .program_title_imgbar {height:120px; text-align:center; background:url('') no-repeat center center; background-size:cover;}
 .tv_program_common .program_title_imgbar_mobile {display:none;}
 .tv_program_common .program_common_menu {padding:23px 0; text-align:center; border-bottom:solid 1px #7c7c7c;}
 /* .tv_program_common .program_common_menu ul {white-space: nowrap;
  overflow-x: auto; 
  overflow-y: hidden;
  flex-wrap: inherit !important;
  scrollbar-width: none;} */

 /*  프로그램 소개 : 메인메뉴 */
 .program_mainmenu ul::-webkit-scrollbar {display:none;}
 .program_mainmenu ul li {display:inline-block; padding:0 30px; font-size:18px; line-height:1;  position:relative;}
 .program_mainmenu ul li:after {display:block; clear:both; content:'';  width:1px; height:14px; background-color:#6a6a6a; position:absolute; left:0; top:50%; margin-top:-7px;}
 .program_mainmenu ul li:first-child:after {width:0; height:0;}
 .program_mainmenu ul li a {display:inline-block; color:#fff; font-family:NotoSans_R,sans-serif; letter-spacing:-1px;}
 .program_mainmenu ul li a:hover, .program_common_menu ul li a.active {color:#189188;}

 /*  프로그램 소개 : 서브메뉴 */
 .program_submenu {text-align:left;}
 .program_submenu ul {display:inline-block; margin-top:15px; font-size:16px; line-height:1.2; position:relative;}
 .program_submenu ul:after {display:block; clear:both; content:'';  width:5px; height:5px; background-color:#189188; border-radius:10px; position:absolute; top:-10px; left:50%; margin-left:-3px;}
 .program_submenu ul li {display:inline-block; padding:0 10px;}
 .program_submenu ul li a {display:block; font-family:NotoSans_R,sans-serif; letter-spacing:-1px;}
 .program_submenu ul li a:hover, .program_submenu ul li a.active {color:#189188;}
 
 /* 공통 프로그램 메뉴///////////////////////// */
.tv_program_common .top_header {display:none; border-bottom:solid 1px #7c7c7c; position: relative;}
.tv_program_common .top_header .title {padding:15px 10px 10px 65px; position: relative;  background: #333;}
.tv_program_common .top_header .title strong.subject {display:block; font-size:20px; font-weight:normal; line-height:1.2;}
.tv_program_common .top_header .title span.time {font-size:14px;}


 .pg_detail {padding:40px 0 0 0;}
 .pg_detail .base_width {}

 .page_location {margin-bottom:10px; font-size:12px; text-align:right;}
 .page_location .current_page {}

 .pg_title_box {display:table; margin-bottom:20px; width:100%;}
 .pg_title_box .left {display:table-cell;}
 .pg_title_box .left h3 {font-size:30px;}
 .pg_title_box .right {display:table-cell; text-align:right;}

.motv_home {display: none;}

 /* 테스크탑 */
@media all and (max-width:1260px){
  .pg_detail .base_width {margin:0 10px;}
}
@media all and (max-width:1024px){
  .tv_program_common {margin-top:75px;}
  .pg_detail {padding:30px 0;}
}
/* 테블릿*/
@media all and (max-width:768px){
  .page_location {display:none;}
  .pg_detail {padding:0; border-top:solid 1px #5e5e5e;}
  .pg_detail .base_width {margin:0 10px;}
  .tv_program_common .program_common_menu {display:none;}
  .tv_program_common .top_header {display:block;}
  .pg_title_box {padding-top:30px;}
  .pg_title_box .left h3 {font-size:20px;}
}

@media all and (max-width:640px){   
  /* .tv_program_common .program_common_menu {padding:15px 0;}
  .tv_program_common .program_common_menu ul li {padding:0 10px; font-size:16px; border:none;}
  .tv_program_common .program_common_menu ul li a.active {padding:0 10px; height:24px; line-height:24px; color:#fff; background-color:#189188; border-radius:20px;} */
.motv_home {display: inline-block; position: absolute; left:10px; top:12px; } 
}
/* 모바일*/
@media all and (max-width:600px){    
  .tv_program_common .program_title_imgbar {display:none;}
  .tv_program_common .program_title_imgbar_mobile {display:block;}
}


/*///////////////////////
다시보기
////////////////////////*/
/* 동영상 페이지 */
.replay_video_box {}
.replay_video_box video {width:100%;}

.replay_video_box .info {padding:15px 0 30px; /*border-bottom:solid 1px #656565;*/}
.replay_video_box .info strong.title {display:block; margin-bottom:20px; font-size:45px; font-weight:normal; line-height:1.6;}
.replay_video_box .info span.date {display:block; margin-bottom:20px; font-size:22px;}
.replay_video_box .info span.summary {display:block; font-size:20px;}

 /* 테스크탑 */
@media all and (max-width:1260px){
  .replay_video_box .info strong.title {font-size:40px;}
  .replay_video_box .info span.date {margin-bottom:20px; font-size:18px;}
  .replay_video_box .info span.summary {font-size:18px;}
}
@media all and (max-width:1024px){
  .replay_video_box .info strong.title {margin-bottom:10px; font-size:30px;}
  .replay_video_box .info span.date {margin-bottom:10px; font-size:18px;}
  .replay_video_box .info span.summary {font-size:18px;}
}
/* 테블릿*/
@media all and (max-width:768px){
  .replay_video_box video {width:calc(100% + 20px); margin:0 -10px;}

}
@media all and (max-width:640px){   
  .replay_video_box .info strong.title {margin-bottom:10px; font-size:20px;}
  .replay_video_box .info span.date {margin-bottom:10px; font-size:18px;}
  .replay_video_box .info span.summary {font-size:18px; line-height:1.6;}
}
/* 모바일*/
@media all and (max-width:480px){    

}


/* 리스트 타입 선택버튼 */
.listtype_select {display:inline-block; vertical-align:middle;}
.listtype_select a {display:inline-block; margin:0 5px; width:40px; height:40px; line-height:40px; font-size:0; text-indent:-10000px; border-radius:5px; background:#494949 no-repeat center center; opacity:0.5;}
.listtype_select a:hover {background:#646464 no-repeat center center;}
.listtype_select a.listtype_list {background-image:url('../images/icon/listtype_list.png');}
.listtype_select a.listtype_thum {background-image:url('../images/icon/listtype_thum.png');}

.listtype_select a.listtype_list.active,
.listtype_select a.listtype_thum.active {opacity:1;}

/* 썸네일형 UI */
 .movie_list_transform {}
 .movie_list_transform ul {overflow:hidden; margin-left:-2%;}
 .movie_list_transform ul li {float:left; margin-left:2%; margin-bottom:30px; width:31.33%;}
 .movie_list_transform ul li .outline {padding:20px; background-color:#333232; border:solid 1px #5a5757; border-radius:10px;}
 .movie_list_transform ul li .outline .thum_box {}
 .movie_list_transform ul li .outline .thum_box .thum {display:block; text-align:center; border-radius:5px;
      position:relative; padding-bottom:53%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
 .movie_list_transform ul li .outline .bottom_info {position:relative;}
 .movie_list_transform ul li .outline .bottom_info .title {display:block; padding:20px 0; font-size:24px; line-height:1.2;  display:block;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-wrap:normal;
  overflow:hidden;}
 .movie_list_transform ul li .outline .bottom_info .title span {display:block;}
 .movie_list_transform ul li .outline .bottom_info .lead_txt {display:none;}
 .movie_list_transform ul li .outline .bottom_info .date {padding-left:10px; font-size:20px; border-left:solid 2px #196EFF; line-height:1;}
 .movie_list_transform ul li .outline .bottom_info .btn_movie_detail {display:inline-block; width:50px; height:50px; font-size:0; text-indent:-10000px; background:url('../images/icon/icon_movie_play.png') no-repeat center center; border:solid 1px #a4a4a4; border-radius:50px;
  position:absolute; bottom:0; right:0;}
 .movie_list_transform ul li .outline .bottom_info .btn_movie_detail:hover {border:solid 1px #fff; background-color:#fff;}

 .pg_func {padding:30px 0; text-align:center;}
 .btn_list_more {width:300px; height:70px; font-size:24px; color:#fff; background-color:#196EFF; border-radius:10px;}
 .btn_list_more:hover {opacity:0.8;}

/* 목록형 UI */
.movie_list_transform.type_list ul {margin-left:0;}
.movie_list_transform.type_list ul li {float:initial; margin-left:0; width:auto;}
.movie_list_transform.type_list ul li .outline {padding:40px 40px 40px 520px; overflow:hidden;}
.movie_list_transform.type_list ul li .outline .thum_box {float:left; display:block; margin-left:-480px; width:450px;}
.movie_list_transform.type_list ul li .outline .thum_box .thum {text-align:center; border-radius:5px;
      position:relative; padding-bottom:53%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
.movie_list_transform.type_list ul li .outline .bottom_info {float:right; width:100%;}
.movie_list_transform.type_list ul li .outline .bottom_info .title {padding:0 0 30px; font-size:32px; border-bottom:solid 1px #5a5757;}
.movie_list_transform.type_list ul li .outline .bottom_info .title span {display:inline-block;}
.movie_list_transform.type_list ul li .outline .bottom_info .lead_txt {display:block; padding:30px 0 0; margin-bottom:40px; font-size:16px; color:#c3c3c3; line-height:22px; 
      height:44px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}




/* 테스크탑 */
@media all and (max-width:1260px){

}
@media all and (max-width:1024px){
  .listtype_select a,
  .listtype_select a:hover {display:inline-block; margin:0 3px; width:30px; height:30px; line-height:30px; background-size:30px;}

  .movie_list_transform ul li .outline {padding:10px;}
  .movie_list_transform ul li .outline .bottom_info .title {padding:20px 0; font-size:20px; line-height:1.2;}

  .movie_list_transform.type_list ul li .outline {padding:20px 20px 20px 450px; overflow:hidden;}
  .movie_list_transform.type_list ul li .outline .thum_box {margin-left:-430px; width:400px;}
  .movie_list_transform.type_list ul li .outline .bottom_info .title {padding:10px 0 15px; font-size:24px;}
  .movie_list_transform.type_list ul li .outline .bottom_info .lead_txt {padding:15px 0 0; margin-bottom:40px; font-size:16px;}
  .movie_list_transform ul li .outline .bottom_info .date {font-size:16px;}
}
/* 테블릿*/
@media all and (max-width:768px){
  .movie_list_transform ul li {margin-bottom:20px;}
  .movie_list_transform ul li .outline .bottom_info .title {font-size:16px;}
  .movie_list_transform ul li .outline .bottom_info .title span {display:inline-block;}

  .movie_list_transform.type_list ul li {margin-bottom:20px;}
  .movie_list_transform.type_list ul li .outline {padding:10px 10px 10px 280px; overflow:hidden;}
  .movie_list_transform.type_list ul li .outline .thum_box {margin-left:-270px; width:250px;}
  .movie_list_transform.type_list ul li .outline .bottom_info .title {padding:5px 0 10px; font-size:24px;}
  .movie_list_transform.type_list ul li .outline .bottom_info .lead_txt {padding:10px 0 0; margin-bottom:20px; font-size:14px;}
  .movie_list_transform ul li .outline .bottom_info .date {font-size:14px;}

  .movie_list_transform ul li .outline .bottom_info .btn_movie_detail {display:inline-block; width:35px; height:35px; background-size:10px; position:absolute; bottom:-5px; right:0;}
  
  .pg_func {padding:10px 0;}
  .btn_list_more {width:200px; height:50px; font-size:20px; border-radius:5px;}
}

@media all and (max-width:640px){   
  .movie_list_transform ul {overflow:hidden; margin-left:-2%;}
  .movie_list_transform ul li {float:left; margin-left:2%; margin-bottom:10px; width:48%;}
  .movie_list_transform ul li .outline .bottom_info .title {margin-bottom:10px;}

  .movie_list_transform.type_list ul li {margin-bottom:10px;}
  .movie_list_transform.type_list ul li .outline {padding:10px 10px 10px 120px; overflow:hidden;}
  .movie_list_transform.type_list ul li .outline .thum_box {margin-left:-110px; width:100px;}
  .movie_list_transform.type_list ul li .outline .bottom_info .title {padding:5px 0 10px; font-size:16px;}
  .movie_list_transform.type_list ul li .outline .bottom_info .lead_txt {font-size:12px; line-height:16px; height:32px;}
  .movie_list_transform ul li .outline .bottom_info .date {font-size:12px;}

  .btn_list_more {width:150px; height:40px; font-size:16px; border-radius:40px;}
}
/* 모바일*/
@media all and (max-width:480px){    
  .movie_list_transform ul {margin-left:0;}
  .movie_list_transform ul li {float:initial; margin-left:0; width:auto;}
  .movie_list_transform ul li .outline .bottom_info .title {margin-bottom:0; padding:10px 0 20px;}
}


/*///////////////////////
핫클립
////////////////////////*/

/* 핫클립 메인 영상 */
.hotclip_maintop {margin-bottom:50px; padding-top:30px; border-top:solid 1px #7c7c7c;}
.hotclip_maintop .outline {padding:40px 40px 40px 670px; overflow:hidden; background-color:#333232; border:solid 1px #5a5757; border-radius:10px; position:relative;}
.hotclip_maintop .outline .thum_box {float:left; display:block; margin-left:-630px; width:600px;}
.hotclip_maintop .outline .thum_box .thum {text-align:center; border-radius:5px;
      position:relative; padding-bottom:55.5%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
.hotclip_maintop .outline .info {float:right; padding-top:50px; width:100%;}
.hotclip_maintop .outline .info .title {display:block; margin-bottom:30px; font-size:32px; line-height:36px;
      height:70px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}
.hotclip_maintop .outline .info .lead_txt {display:block; padding:30px 0 0; margin-bottom:20px; font-size:20px; color:#c3c3c3; line-height:22px; border-top:solid 1px #5a5757; 
      height:44px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}
.hotclip_maintop .outline .info .date {font-size:18px;}

.hotclip_maintop .outline .info .btn_movie_detail {display:inline-block; width:50px; height:50px; font-size:0; text-indent:-10000px; background:url('../images/icon/icon_movie_play.png') no-repeat center center; border:solid 1px #a4a4a4; border-radius:50px;
  position:absolute; bottom:40px; right:40px;}
.hotclip_maintop .outline .info .btn_movie_detail:hover {border:solid 1px #fff; background-color:#fff;}

/* 테스크탑 */
@media all and (max-width:1260px){
  .hotclip_maintop .outline {padding:20px 20px 20px 550px; overflow:hidden;}
  .hotclip_maintop .outline .thum_box {margin-left:-530px; width:500px;}
  .hotclip_maintop .outline .info {padding-top:20px;}
  .hotclip_maintop .outline .info .btn_movie_detail {position:absolute; bottom:20px; right:20px;}
}
@media all and (max-width:1024px){
  .hotclip_maintop .outline {padding:20px 20px 20px 450px; overflow:hidden;}
  .hotclip_maintop .outline .thum_box {margin-left:-430px; width:400px;}
  .hotclip_maintop .outline .info {padding-top:10px;}
  .hotclip_maintop .outline .info .title {margin-bottom:15px; font-size:24px;}
  .hotclip_maintop .outline .info .lead_txt {padding:15px 0 0; font-size:16px;}
  .hotclip_maintop .outline .info .date {font-size:16px;}
}
/* 테블릿*/
@media all and (max-width:768px){
  .hotclip_maintop .outline {padding:10px 10px 10px 330px; overflow:hidden;}
  .hotclip_maintop .outline .thum_box {margin-left:-320px; width:300px;}
  .hotclip_maintop .outline .info .title {margin-bottom:10px; font-size:20px; line-height:24px; height:48px;}
  .hotclip_maintop .outline .info .lead_txt {margin-bottom:15px; padding:10px 0 0; font-size:14px;}
  .hotclip_maintop .outline .info .date {font-size:14px;}

  .hotclip_maintop .outline .info .btn_movie_detail {display:inline-block; width:35px; height:35px; background-size:10px; bottom:10px; right:10px;}
}

@media all and (max-width:640px){
  .hotclip_maintop .outline {padding:10px;}
  .hotclip_maintop .outline .thum_box {float:initial; margin-left:0; width:auto;}
  .hotclip_maintop .outline .info {float:initial; width:auto;}
  .hotclip_maintop .outline .info .title {padding:5px 0 10px; font-size:16px; height:34px;}
  .hotclip_maintop .outline .info .lead_txt {margin-bottom:25px; font-size:12px; line-height:16px; height:32px;}
  .hotclip_maintop .outline .info .date {font-size:12px;}
}

/* 핫클립 페이지 리스트 */
.movie_list_transform.type_nontrans ul li .outline {padding:0; background-color:#333232; border:solid 1px #5a5757; border-radius:10px;}
.movie_list_transform.type_nontrans ul li .outline .thum_box {}
.movie_list_transform.type_nontrans ul li .outline .thum_box .thum {display:block; text-align:center; border-radius:5px 5px 0 0;
      position:relative; padding-bottom:55%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
.movie_list_transform.type_nontrans ul li .outline .bottom_info {margin:0 20px 20px;}
.movie_list_transform.type_nontrans ul li .outline .bottom_info .title {
    display:block; padding:20px 0 0; margin-bottom:35px; font-size:20px; color:#fff; line-height:24px; 
      height:48px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis
 }

/* 태블릿 */
@media all and (max-width:1024px){    
  .movie_list_transform.type_nontrans ul li .outline .bottom_info {margin:0 10px 10px;}
  .movie_list_transform.type_nontrans ul li .outline .bottom_info .title {padding:10px 0 0; font-size:16px; line-height:20px; height:40px;}
}
/* 모바일 */
@media all and (max-width:480px){    
  .movie_list_transform.type_nontrans ul {margin-left:-2%;}
  .movie_list_transform.type_nontrans ul li {float:left; margin-left:2%; width:48%;}
  .movie_list_transform.type_nontrans ul li .outline .bottom_info {margin:0 10px 10px;}
  .movie_list_transform.type_nontrans ul li .outline .bottom_info .title {padding:10px 0 0; font-size:16px; line-height:20px; height:40px;}
}



/*///////////////////////
프로그램 소개
////////////////////////*/
.program_introduce {}
.program_introduce .outline {padding-left:590px; overflow:hidden;}
.program_introduce .outline .thum_box {float:left; margin-left:-590px; width:550px;}
.program_introduce .outline .thum_box .thum {border-radius:5px;
      position:relative; padding-bottom:53%; padding-top:5px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
.program_introduce .outline .info {float:right; width:100%;}

.pro_title {margin-bottom:10px; font-size:26px;}
.pro_title strong {}

.pro_info_base {margin-bottom:30px; font-size:18px;}
.pro_info_base ul {}
.pro_info_base ul li {padding:10px 0 10px 150px; overflow:hidden; border-top:solid 1px #7c7c7c;}
.pro_info_base ul li:first-child {border-top:none;}
.pro_info_base ul li strong.ti {display:inline-block; float:left; font-weight:normal; width:125px; margin-left:-150px; border-right:solid 1px #196EFF;}
.pro_info_base ul li span.txt {display:inline-block; float:right; width:100%;}

h4.intro_ti {font-size:26px;}

.pro_intro_txt {padding:0 0 20px 0; font-size:18px; /*border-top:solid 1px #7c7c7c;*/}

/* 데스크탑 */
@media all and (max-width:1260px){    
  .program_introduce .outline {padding-left:490px;}
  .program_introduce .outline .thum_box {margin-left:-490px; width:450px;} 
}
/* 태블릿 */
@media all and (max-width:1024px){    
  .program_introduce .outline {padding-left:390px;}
  .program_introduce .outline .thum_box {margin-left:-390px; width:350px;}  

  .pro_title {font-size:20px;}
  .pro_info_base {font-size:14px;}
  .pro_info_base ul li {padding:10px 0 10px 120px;}
  .pro_info_base ul li strong.ti { width:100px; margin-left:-120px;}

  h4.intro_ti {font-size:20px;}
  .pro_intro_txt {font-size:14px;}  
}
/* 모바일 */
@media all and (max-width:768px){    
  .program_introduce .outline {padding-left:0;}
  .program_introduce .outline .thum_box {float:initial; margin-left:0; margin-bottom:20px; width:auto;}    
  .program_introduce .outline .info {float:initial; width:auto;}
}

/* 프로그램 소개 : 모바일 전용 메뉴 ////////////////////////////////////*/
.program_common_menu_mobile {display:none; position:relative;}

/* 모바일*/
@media all and (max-width:768px){   
  .program_common_menu_mobile {display:block; margin-top:10px;}
  .program_common_menu_mobile {padding-bottom:10px;}
  .program_common_menu_mobile .title {padding:0; padding-left:45px; margin-left:10px; /*border-left:solid 3px #189188; position:relative;*/}
  .program_common_menu_mobile .title strong.subject {display:block; margin-right:20px; font-size:28px; line-height:1.2; font-weight:normal;
    display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
  }
  .program_common_menu_mobile .title span.time {font-size:14px;}

  a.btn_tv_navi_mobile {display:inline-block; margin-top:-15px; width:30px; height:30px; 
    background:url('../images/icon/icon_arrow_tv_navi.png') no-repeat center center; background-size:20px; position:absolute; top:50%; right:10px;}
  a.btn_tv_navi_mobile img {width:20px;}
  a.btn_tv_navi_mobile.active {background:url('../images/icon/icon_arrow_tv_navi_active.png') no-repeat center center; background-size:20px;}
 }

/*///////////////////////
출연진 소개
////////////////////////*/
.cast_menu {padding:20px 0; text-align:center; border-top:solid 1px #6f6f6f; border-bottom:solid 1px #6f6f6f;}
.cast_menu ul {display:inline-block;}
.cast_menu ul li {display:inline-block; padding:0 30px; text-align:center; font-size:18px; line-height:1; border-left:solid 1px #6f6f6f;}
.cast_menu ul li:first-child {border-left:none;}
.cast_menu ul li a {display:inline-block; font-family:NotoSansKR-R,sans-serif;}
.cast_menu ul li a:hover,
.cast_menu ul li a.active {color:#189188;}

.cast_list {}
.cast_list ul {padding-top:40px;}
.cast_list ul li {margin-bottom:40px;}
.cast_list ul li .outline {display:table; width:100%;}
.cast_list ul li .outline .thum_box {display:table-cell; width:340px; vertical-align:top;}
.cast_list ul li .outline .thum_box .thum {width:300px; border-radius:5px;
      position:relative; padding-bottom:100%; padding-top:10px; height:0; 
      overflow:hidden; background:url('') no-repeat center center; background-size:contain;}
.cast_list ul li .outline .info {display:table-cell;  vertical-align:middle;}
.cast_list ul li .outline .info .title {margin-bottom:15px;}
.cast_list ul li .outline .info .title strong {font-size:32px;}
.cast_list ul li .outline .info .title span {font-size:24px;}
.cast_list ul li .outline .info .txt {font-size:18px;}
/* 데스크탑 */
@media all and (max-width:1260px){    
  
}
/* 태블릿 */
@media all and (max-width:1024px){    
  .cast_list ul li .outline .info .title strong {font-size:24px;}
  .cast_list ul li .outline .info .title span {font-size:18px;}
  .cast_list ul li .outline .info .txt {font-size:16px;}  
}
/* 모바일 */
@media all and (max-width:768px){    
  .cast_menu ul li {display:inline-block; padding:0 10px; font-size:16px;}

  .cast_list ul li .outline .thum_box {width:220px;}
  .cast_list ul li .outline .thum_box .thum {width:200px;} 
}

@media all and (max-width:480px){    
  .cast_list ul li .outline .thum_box {width:110px; vertical-align:top;}
  .cast_list ul li .outline .thum_box .thum {width:100px;} 

  .cast_list ul li .outline .info {vertical-align:top;}
  .cast_list ul li .outline .info .title strong {font-size:18px; font-weight:normal;}
  .cast_list ul li .outline .info .title span {font-size:13px; font-weight:normal;}
  .cast_list ul li .outline .info .txt {font-size:14px;}
}


/*///////////////////////
출연진 소개 상세
////////////////////////*/
.cast_introduce_list {margin-bottom:45px; padding-bottom:30px; border-bottom:solid 1px #6f6f6f;}

.castlist>div {text-align:center;}
.castlist>div a {}
.castlist>div a img {border-radius:150px; overflow:hidden; margin:0 auto; border:solid 2px #222222;}
.castlist>div a span {display:block; margin-top:20px; font-size:18px; color:#888888;}

.castlist>div a:hover img,
.castlist>div a.active img {border:solid 2px #fff;}
.castlist>div a.active span {color:#fff;}

.cast_introduce_list .swipe_tab {margin:0 70px !important;}
.cast_introduce_list .swipe_banner {margin:0 70px !important;}

.cast_introduce_list .slick-prev, .cast_introduce_list .slick-next {
    font-size:0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 55px;
    height: 55px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;

    overflow:hidden;
    border-radius:65px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    /*background:url('../images/common/icon_mainvisualslide_prev.png') no-repeat center center;*/
}

.cast_introduce_list .slick-prev:before {content: '';}
[dir='rtl'] .cast_introduce_list .slick-prev:before {content: '';}

.cast_introduce_list .slick-next:before {content: '';}
[dir='rtl'] .cast_introduce_list .slick-next:before {content: '';}

.cast_introduce_list .slick-prev {
      left:-70px;
    background:url('../images/common/icon_arrow_gather_prev.png') no-repeat center center; z-index:10;
}
.cast_introduce_list .slick-prev:hover, .cast_introduce_list .slick-prev:focus {
    background:url('../images/common/icon_arrow_gather_prev.png') no-repeat center center;
}
.cast_introduce_list .slick-next {
      right:-70px;
    background:url('../images/common/icon_arrow_gather_next.png') no-repeat center center;
}
.cast_introduce_list .slick-next:hover, .cast_introduce_list .slick-next:focus {
    background:url('../images/common/icon_arrow_gather_next.png') no-repeat center center;
}

.cast_introduce_list .slick-dots {
    bottom:-15px;
}
.cast_introduce_list .slick-dots li.slick-active button:before{
    opacity:.9;
    color:#db2c72 !important;
}

/* 테스크탑 */
@media all and (max-width:1260px){
      
}
@media all and (max-width:1024px){      
    .cast_introduce_list .slick-prev {left:-50px;}
    .cast_introduce_list .slick-next {right:-50px;}
    .cast_introduce_list .swipe_banner {margin:0 40px !important;}
    .cast_introduce_list .swipe_tab {margin:0 40px !important;}
    .castlist>div a img {max-width:90%;}
}
/* 테블릿*/
@media all and (max-width:768px){
    .cast_introduce_list .slick-prev {left:-40px;}
    .cast_introduce_list .slick-next {right:-40px;}
    .cast_introduce_list .swipe_banner {margin:0 30px !important;}
    .cast_introduce_list .swipe_tab {margin:0 30px !important;}
}
/* 모바일*/
@media all and (max-width:480px){   
  .cast_introduce_list {margin-bottom:25px; padding-top:20px; padding-bottom:20px; border-top:solid 1px #6f6f6f;}

  .cast_introduce_list .slick-prev, .cast_introduce_list .slick-next {width:30px; height:30px;}
  .cast_introduce_list .slick-prev {left:-30px;}
  .cast_introduce_list .slick-next {right:-30px;}
    .cast_introduce_list .swipe_banner {margin:0 30px !important;} 
  .cast_introduce_list .swipe_tab {margin:0 30px !important;} 
  .castlist>div a span {margin-top:5px; font-size:14px;}
}


/* 출연진별 세부 내용 */
.cast_detail_box {margin-bottom:50px;}
.cast_detail_box .outline {display:table; width:100%;}
.cast_detail_box .outline .thum {display:table-cell; width:500px; vertical-align:top;}
.cast_detail_box .outline .thum img {}
.cast_detail_box .outline .cast_cont {display:table-cell; padding-left:40px; vertical-align:top;}
.cast_detail_box .outline .cast_cont .cast_name {padding-bottom:10px; border-bottom:solid 1px #d5d5d5;}
.cast_detail_box .outline .cast_cont .cast_name strong {font-size:40px; font-weight:normal;}
.cast_detail_box .outline .cast_cont .cast_name span {font-size:26px;}

.cast_detail_box .outline .cast_cont .cast_intro {padding:20px 0; font-size:18px; color:#d5d5d5;}

/* 테스크탑 */
@media all and (max-width:1260px){
  .cast_detail_box .outline .thum {width:40%;}
  .cast_detail_box .outline .cast_cont {padding-left:30px;}      
  
  .cast_detail_box .outline .cast_cont .cast_name strong {font-size:30px;}
  .cast_detail_box .outline .cast_cont .cast_name span {font-size:20px;}
  .cast_detail_box .outline .cast_cont .cast_intro {padding:20px 0; font-size:16px;}
}
@media all and (max-width:1024px){ 

}
/* 테블릿*/
@media all and (max-width:768px){
  .cast_detail_box .outline .cast_cont .cast_name strong {font-size:24px;}
  .cast_detail_box .outline .cast_cont .cast_name span {font-size:16px;}
  .cast_detail_box .outline .cast_cont .cast_intro {font-size:14px;}
}
/* 모바일*/
@media all and (max-width:480px){
  .cast_detail_box .outline {display:block; width:auto;}
  .cast_detail_box .outline .thum {display:block; width:auto;}
  .cast_detail_box .outline .cast_cont {display:block; padding-top:20px; padding-left:0;}
}


/*///////////////////////
시청자 의견 게시판
////////////////////////*/
/* 게시판 : Blank */
table.opinion_board_list {width:100%; font-size:16px; border-top:solid 1px #6f6f6f;}
table.opinion_board_list thead {}
table.opinion_board_list thead th {padding:22px 5px; background-color:#464646;}
table.opinion_board_list tbody {color:#fff;}
table.opinion_board_list tbody th {padding:22px 5px; text-align:center; border-bottom:solid 1px #6f6f6f; background-color:#eee;}
table.opinion_board_list tbody td {padding:22px 5px; text-align:center; border-bottom:solid 1px #6f6f6f; background-color:#222222;}
table.opinion_board_list tbody tr.topfix td {background-color:#676767;}

table.opinion_board_write {width:100%; font-size:16px; border-top:solid 1px #6f6f6f;}
table.opinion_board_write thead th {padding:22px 5px; border-bottom:solid 1px #6f6f6f; background-color:#464646;}
table.opinion_board_write thead td {padding:22px 5px; border-bottom:solid 1px #6f6f6f; background-color:#464646;}
table.opinion_board_write thead td input[type="text"] {width:80%; box-sizing: border-box;}
table.opinion_board_write tbody td {padding:35px 30px; border-bottom:solid 1px #6f6f6f; background-color:#222222;}

table.opinion_board_view {width:100%; font-size:16px; border-top:solid 1px #6f6f6f;}
table.opinion_board_view thead th {padding:22px; background-color:#464646;}
table.opinion_board_view tbody th {padding:22px; background-color:#676767;}
table.opinion_board_view tbody td {padding:22px; border-bottom:solid 1px #ccc; line-height: 2.2;}

@media all and (max-width:768px){
  table.opinion_board_list {width:100%; margin-top:10px; border-top:solid 1px #5a5757;}
  table.opinion_board_list colgroup,
  table.opinion_board_list thead {display:none;}
  table.opinion_board_list tbody tr {display:block; padding:10px; border-bottom:solid 1px #5a5757;}
  table.opinion_board_list tbody tr.topfix {background-color:#676767;}
  table.opinion_board_list tbody tr.topfix td {background-color:transparent;}
  table.opinion_board_list tbody td {border:none;}
  table.opinion_board_list tbody td.num {display:none;}
  table.opinion_board_list tbody td {display:block; padding:0; text-align:left;}
  table.opinion_board_list tbody td.subject {display:block; padding-bottom:5px;}
  table.opinion_board_list tbody td.writer {display:block; padding-bottom:5px; font-size:14px;}
  table.opinion_board_list tbody td.date {padding:0; font-size:14px; color:#999;}
  table.opinion_board_list tbody td.hit {display:none;}
  
  table.opinion_board_write thead th {display:none;}
  table.opinion_board_write thead tr {display:block; padding:0;}
  table.opinion_board_write thead td {display:block; padding:10px;}
  table.opinion_board_write thead td input[type="text"] {width:100%; box-sizing: border-box;}
  table.opinion_board_write tbody td {padding:0;}

  table.opinion_board_view {font-size:14px;}
  table.opinion_board_view thead th {padding:15px;}
  table.opinion_board_view tbody th {padding:15px;}
  table.opinion_board_view tbody td {padding:15px;}
}


/* 게시판 전용 버튼 */
.board_func {padding:30px 0; overflow:hidden;}
.board_func .left {float:left;}
.board_func .right {float:right;}

button.board_btn {margin:0 2px; padding:0 20px; height:46px; font-size:16px; color:#fff; background-color:#222222; border:solid 1px #747474; border-radius:5px;}
button.board_btn:hover {border:solid 1px #fff; }
.btn_base {}
.btn_primary {color:#196EFF !important; border:solid 1px #196EFF !important;}
.btn_primary:hover {color:#6ed4ff !important; border:solid 1px #36b4e9 !important;}

/* 게시판 검색 */
.board_search_box {padding-top:20px;}
.board_search_box .search_cont {text-align:center;}
.board_search_box .search_cont input[type=text] {width:300px; height:36px; background-color:#222222; border:solid 1px #a4a4a4; border-radius:5px;}
.board_search_box .search_cont button {padding:0 20px; height:36px; color:#fff; font-size:18px;; background-color:#555555; border:solid 1px #747474; border-radius:5px;;}
/* 모바일*/
@media all and (max-width:768px){

}

/* 게시판 paging */
.paging {clear:both; text-align:center; margin-top:20px;}
.paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:18px; color:#196EFF; vertical-align:middle;
-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.paging a {display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:18px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover {color:#196EFF; font-weight:bold;}
.paging .prev {background:url('../images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover {background:url('../images/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next {background:url('../images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover {background:url('../images/icon/btn_paging_next_on.png') no-repeat center center;}
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('../images/icon/btn_paging_first.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .first_item:hover {background:url('../images/icon/btn_paging_first_on.png') no-repeat center center;}
.paging .last_item {font-size:0; text-decoration:-1000px;background:url('../images/icon/btn_paging_last.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .last_item:hover {background:url('../images/icon/btn_paging_last_on.png') no-repeat center center;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}
/* 모바일*/
@media all and (max-width:480px){
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 편성표
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.program_table {margin-top:112px; padding-bottom:50px;}

/* 탭메뉴 */
.program_table_tab {padding-top:30px; margin-bottom:60px;}
.program_table_tab .base_width {border-bottom:solid 1px #ffffff;}
.program_table_tab ul {margin:0 auto; width:500px; overflow:hidden; position:relative; bottom:-1px;}
.program_table_tab ul li {float:left; width:50%; text-align:center;}
.program_table_tab ul li a {display:block; height:65px; line-height:65px; color:#999; font-size:24px; border:solid 1px #727272; border-bottom:solid 1px #fff;}
.program_table_tab ul li a:hover {color:#fff;}
.program_table_tab ul li a.active {color:#fff; border:solid 1px #fff; border-bottom:solid 1px #222;}

@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:640px){   
  .program_table_tab {margin-bottom:30px;}
  .program_table_tab ul {width:80%;}
  .program_table_tab ul li a {height:40px; line-height:40px; font-size:18px;} 
}
 /* 프로그램 편성 날짜 선택 스크롤 */
.program_date_table {margin-bottom:40px; background-color:#393939;}
.program_date_table .swipe_day {margin:0 40px;}

.program_date_table .program_datelist {padding:0;}
.program_date_table .program_datelist div {text-align:center;}
.program_date_table .program_datelist div a {display:block; height:115px; line-height:115px; color:#fff; font-size:24px; background-color:#393939; border-left:solid 1px #222222; border-right:solid 1px #222222;}
.program_date_table .program_datelist div a:hover,
.program_date_table .program_datelist div a.active {height:105px; line-height:105px; color:#196EFF; border:solid 5px #196EFF;}

/* 테스크탑 */
@media all and (max-width:1200px){
    .program_date_table .program_datelist div a {height:100px; line-height:100px; font-size:20px;}
    .program_date_table .program_datelist div a:hover,
    .program_date_table .program_datelist div a.active {height:90px; line-height:90px;}
}
/* 테블릿*/
@media all and (max-width:1024px){
  .program_table {margin-top:70px; padding-bottom:50px;}
}

@media all and (max-width:768px){
    .program_date_table .program_datelist div a {height:80px; line-height:80px; font-size:16px;}
    .program_date_table .program_datelist div a:hover,
    .program_date_table .program_datelist div a.active {height:70px; line-height:70px;}
}
/* 모바일*/
@media all and (max-width:640px){   
      .program_date_table {margin-bottom:20px;}

      .program_date_table .program_datelist div a {height:50px; line-height:50px; font-size:16px;}
      .program_date_table .program_datelist div a:hover,
      .program_date_table .program_datelist div a.active {height:40px; line-height:40px;}
}

.program_date_table .slick-prev, .program_date_table .slick-next {
      font-size:0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 24px;
      height: 50px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background:url('../images/sub/programtable/icon_arrow_next.png') no-repeat center center;
  }
  
  .program_date_table .slick-prev:before {content: '';}
  [dir='rtl'] .program_date_table .slick-prev:before {content: '';}
  
  .program_date_table .slick-next:before {content: '';}
  [dir='rtl'] .program_date_table .slick-next:before {content: '';}
  
  .program_date_table .slick-prev {
        left:-40px;
      background:url('../images/sub/programtable/icon_arrow_prev.png') no-repeat center center; z-index:10;
  }
  .program_date_table .slick-prev:hover, .program_date_table .slick-prev:focus {
      background:url('../images/sub/programtable/icon_arrow_prev.png') no-repeat center center;
  }
  .program_date_table .slick-next {
        right:-40px;
      background:url('../images/sub/programtable/icon_arrow_next.png') no-repeat center center;
  }
  .program_date_table .slick-next:hover, .program_date_table .slick-next:focus {
      background:url('../images/sub/programtable/icon_arrow_next.png') no-repeat center center;
  }
  
  
  .program_date_table .slick-dots {bottom:50px;}
  
  /* 테스크탑 */
  @media all and (max-width:1260px){
        .program_date_table .slide_outline {padding:0 20px !important;}
        .program_date_table .slide_outline .base_width {height:600px;} 
  
        .program_date_table .slide_outline .base_width .contents_info {left:100px; bottom:50px;}

        .program_date_table .slick-dots {bottom:40px;}
  
        .program_date_table .slick-prev {left:-30px;}
        .program_date_table .slick-next {right:-30px;}
  }
  /* 테블릿*/
  @media all and (max-width:1024px){        
  }
  
  @media all and (max-width:768px){
  }
  /* 모바일*/
  @media all and (max-width:640px){
    .program_date_table .slick-prev, .program_date_table .slick-next {
        background-size:15px;
    }
    .program_date_table .slick-prev:hover, .program_date_table .slick-prev:focus {
      background-size:15px !important;
    }
    .program_date_table .slick-next:hover, .program_date_table .slick-next:focus {
      background-size:15px !important;
    }
  }
  
  @media all and (max-width:480px){
  }

/* 편성 프로그램 목록 */
.program_list_box {margin-bottom:40px;}
.program_list_box .base_width {}

.program_list_box ul.program_list_cont {}
.program_list_box ul.program_list_cont li {margin-bottom:3px;}
.program_list_box ul.program_list_cont li .outline {display:table; width:100%; background-color: #393939;}
.program_list_box ul.program_list_cont li .outline .time {display:table-cell; width:155px; vertical-align:middle; text-align:center;}
.program_list_box ul.program_list_cont li .outline .time strong {font-size:30px;}

.program_list_box ul.program_list_cont li .outline .info {display:table-cell; padding:20px; vertical-align:middle;}
.program_list_box ul.program_list_cont li .outline .info .inner_box {display:table; width:100%;}
.program_list_box ul.program_list_cont li .outline .info .inner_box .thum {display:table-cell; width:180px; height:100px; vertical-align:middle; text-align:center;}
.program_list_box ul.program_list_cont li .outline .info .inner_box .thum span {display:inline-block; width:180px; /*height:100px;*/ background-color:#000; border-radius:5px; overflow:hidden;}
.program_list_box ul.program_list_cont li .outline .info .inner_box .thum span img {}
.program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info {display:table-cell; padding-left:28px; vertical-align:middle;}
.program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info strong.title {display:block; margin-bottom:10px; font-size:20px; font-weight:normal; line-height:24px;}

span.pro_type {display:inline-block; padding:0 10px; font-size:14px; color:#fff; background-color:#196EFF; border-radius:30px;}
span.pro_type.live {background-color:#d93e3e;}
span.pro_type.highlight {}

.program_list_box ul.program_list_cont li .outline .btn_area {display:table-cell; width:270px; padding-right:40px; vertical-align:middle; text-align:right;}
.program_list_box ul.program_list_cont li .outline .btn_area button {width:130px; height:60px; font-size:20px; color:#fff; border:solid 1px #fff; background-color:transparent;}
.program_list_box ul.program_list_cont li .outline .btn_area button:hover {color:#196EFF; border:solid 1px #196EFF}
.program_list_box ul.program_list_cont li .outline .btn_area button.btn_go_home {width:50px; margin-right:10px; border:none;}

.flag span.flag_lec {margin-left:10px;}
.flag span.flag_lec:first-child {margin-left:0;}
span.flag_lec {display:inline-block; width:44px; height:23px; line-height:23px; font-size:13px; color:#fff; text-align:center; border:solid 1px #fff;}
span.flag_lec.agelimit.ageall {color:#fff; border:solid 1px #fff;}
span.flag_lec.agelimit.age7 {color:#a12dfa; border:solid 1px #a12dfa;}
span.flag_lec.agelimit.age12 {color:#b6dc81; border:solid 1px #b6dc81;}
span.flag_lec.agelimit.age15 {color:#5499f8; border:solid 1px #5499f8;}
span.flag_lec.agelimit.age19 {color:#ed1616; border:solid 1px #ed1616;}
span.flag_lec.play.replay {color:#e8b24a; border:solid 1px #e8b24a;}
span.flag_lec.play.live {color:#4ae8e2; border:solid 1px #4ae8e2;}
.replay_txt {color:#e8b24a;}
.live_txt {color:#4ae8e2;}

/* 테스크탑 */
@media all and (max-width:1260px){
  .program_list_box .base_width {margin:0 10px;}

  .program_list_box ul.program_list_cont li .outline .time {width:140px;}
  .program_list_box ul.program_list_cont li .outline .time strong {font-size:26px;}

  .program_list_box ul.program_list_cont li .outline .info .inner_box .thum {width:180px; height:100px;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .thum span {width:180px; height:100px;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info {display:table-cell; padding-left:28px; vertical-align:middle;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info strong.title {display:block; margin-bottom:10px; font-size:20px; font-weight:normal; line-height:24px;}

  .program_list_box ul.program_list_cont li .outline .btn_area {width:200px;}
  .program_list_box ul.program_list_cont li .outline .btn_area button {width:100px; height:55px; font-size:18px;}
}
/* 테블릿*/
@media all and (max-width:1024px){      
  .program_list_box {margin-bottom:30px;}

  .program_list_box ul.program_list_cont li .outline .time {width:100px;}
  .program_list_box ul.program_list_cont li .outline .time strong {font-size:22px; font-weight:normal;}

  .program_list_box ul.program_list_cont li .outline .info .inner_box .thum {width:150px; height:83px;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .thum span {width:150px; height:83px;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info {padding-left:10px;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info strong.title {font-size:18px;}

  .program_list_box ul.program_list_cont li .outline .btn_area {width:140px;}
  .program_list_box ul.program_list_cont li .outline .btn_area button {width:80px; height:40px; font-size:16px;}  
  .program_list_box ul.program_list_cont li .outline .btn_area button.btn_go_home {width:40px; margin-right:5px;}
}

@media all and (max-width:768px){
  .program_list_box ul.program_list_cont li .outline .btn_area {display:none;}
}
/* 모바일*/
@media all and (max-width:640px){
  .program_list_box {margin-bottom:20px;}
  .program_list_box ul.program_list_cont li .outline .info .inner_box .thum {display:none;}

  span.flag_lec {width:40px; height:20px; line-height:20px; font-size:11px;}
  span.replay_txt, span.live_txt {font-size:11px;}
}

@media all and (max-width:480px){
  .program_list_box ul.program_list_cont li .outline .time {width:70px; padding:1.4%}
  .program_list_box ul.program_list_cont li .outline .time strong {font-size:16px;}
  .program_list_box ul.program_list_cont li .outline .info {padding:10px;}

  .program_list_box ul.program_list_cont li .outline .info .inner_box .detail_info strong.title {font-size:16px;}
}

/*  범례 */
.flag_guide {}
.flag_guide .base_width {}
.flag_guide_box {padding:15px 20px; border:solid 1px #fff;}
.flag_guide_box ul {padding-top:5px;}
.flag_guide_box ul li {margin-bottom:5px; padding-left:15px; font-size:16px; background:url('../images/icon/icon_timetable_dot.png') no-repeat left 10px;}

.flag_guide_box span.flag_lec {margin-left:7px; margin-top:2px; margin-bottom:2px;}
.flag_guide_box span.flag_lec:first-child {margin-left:0;}

@media screen and (max-width:768px) {
  .flag_guide_box {padding:10px 15px;}
  .flag_guide_box ul li {margin-bottom:5px; padding-left:13px; font-size:14px; background:url('../images/icon/icon_timetable_dot.png') no-repeat left 13px;}
}
/* 테스크탑 */
@media all and (max-width:1260px){
  .flag_guide .base_width {margin:0 10px;}
}



/* 댓글 */
ul.sns {overflow:hidden;}
ul.sns li {float:left; margin:0 2px;}
ul.sns li a {display:inline-block; width:35px; height:35px; border-radius:37px; border:solid 1px #d6d6d6; overflow:hidden;}
ul.sns li a:hover {border:solid 1px #999;}

.reply_container {padding:20px 30px; border:solid 1px #666; border-radius:5px; background: #444;}
.reply_container h3 {margin-bottom:10px; font-size:26px; position: relative;}
.reply_container h3 .top {position: absolute; bottom:0; left:50%; margin-left:30%;  margin-left: font-weight: normal; font-size: 14px;}
.reply_container .outline {}
.reply_container .outline .input_box {padding-right:190px; overflow:hidden;}
.reply_container .outline .input_box .left {float:left; width:100%; padding-top:0; position:relative;}
.reply_container .outline .input_box .left .top {position:absolute; top:0; left:0; width:100%; overflow:hidden;}
.reply_container .outline .top .reply_sum {text-align: right;}
/*.reply_container .outline .input_box .left .top .reply_sum {float:left; line-height:35px;}*/
.reply_container .outline .input_box .left .top .share {float:right;}
.reply_container .outline .input_box .left .textarea_box {} 
.reply_container .outline .input_box .left .textarea_box textarea {height:50px; background-color:#f9f9f9; border:solid 1px #d5d5d5; resize:none;}

.reply_container .outline .input_box .right {float:right; width:160px; margin-right:-190px; padding-top:0;}
.reply_container .outline .input_box .right button {width:160px; height:50px; font-size:18px; color:#fff; background-color:#196EFF; border-radius:5px;}
.reply_container .outline .input_box .right button:hover {opacity:0.8;}

.reply_container .outline .reply_list {padding:0; margin-right:190px;}
.reply_container .outline .reply_list ul {}
.reply_container .outline .reply_list ul li {padding:20px 0; font-size:16px; border-bottom:solid 1px #d5d5d5;}
.reply_container .outline .reply_list ul li.blank {padding-bottom:50px; font-size:18px; text-align:center;}
.reply_container .outline .reply_list ul li .user {position:relative;}
.reply_container .outline .reply_list ul li .user span.username {margin-left:3px; font-weight:600;}
.reply_container .outline .reply_list ul li .user span.date {margin-left:10px; color:#999;}
.reply_container .outline .reply_list ul li .user .func {overflow:hidden; position:absolute; top:5px; right:0;}
.reply_container .outline .reply_list ul li .user .func a {display:inline-block; float:left; padding:0 7px; font-size:14px; line-height:1;}
.reply_container .outline .reply_list ul li .user .func a:hover {color:#196EFF;}
.reply_container .outline .reply_list ul li .user .func a:first-child {border-right:solid 1px #ccc;}
.reply_container .outline .reply_list ul li .txt {padding-top:10px; color:#666;}

@media all and (max-width:768px){
.reply_container {padding:15px; margin-bottom: 30px;}
.reply_container h3 {font-size:20px; margin-bottom: 10px; position: relative;}
.reply_container h3 .top {position: absolute; top:10px; right:0;  font-weight: normal; font-size: 14px;}
.reply_container .outline .input_box {padding-right:110px;}
.reply_container .outline .top .reply_sum {text-align: right;}
.reply_container .outline .input_box .right {float:right; width:100px; margin-right:-110px;}
.reply_container .outline .input_box .right button {width:100px; font-size:16px;}

.reply_container .outline .reply_list {margin-right:0;}
.reply_container .outline .reply_list ul li {padding:10px 0; font-size:16px; border-bottom:solid 1px #d5d5d5;}
.reply_container .outline .input_box .left .textarea_box textarea {height:50px; background-color:#f9f9f9; border:solid 1px #d5d5d5; resize:none;}
}

@media all and (max-width:640px){
.reply_container .outline .input_box {padding-right:0;}
.reply_container .outline .input_box .left {float:initial; width:100%;}
.reply_container .outline .input_box .right {float:initial; padding-top:0; width:100%; margin-right:0;}
.reply_container .outline .input_box .right button {width:100%; height:40px; font-size:16px;}

.reply_container .outline .reply_list ul li.blank {font-size:14px;}
.reply_container .outline .reply_list ul li {font-size:14px;}
}


/* 시청자의견 댓글 */
.replyboard_container {padding:30px; border:none; background: #333; border-radius:5px;}
.replyboard_container h3 {margin-bottom:16px; font-size:18px; font-weight: normal;}
.replyboard_container .outline {}
.replyboard_container .outline .input_box {padding-right:190px; overflow:hidden;}
.replyboard_container .outline .input_box .left {float:left; width:100%; position:relative;}
.replyboard_container .outline .input_box .left .top {position:absolute; top:0; left:0; width:100%; overflow:hidden;}
.replyboard_container .outline .input_box .left .top .reply_sum {float:left; line-height:35px;}
.replyboard_container .outline .input_box .left .top .share {float:right;}
.replyboard_container .outline .input_box .left .textarea_box {} 
.replyboard_container .outline .input_box .left .textarea_box textarea {height:70px; background: #676767; color:#fff; border:none;}

.replyboard_container .outline .input_box .right {float:right; width:160px; margin-right:-190px;}
.replyboard_container .outline .input_box .right button {width:160px; height:70px; font-size:18px; color:#fff; background-color:#196EFF; border-radius:5px;}
.replyboard_container .outline .input_box .right button:hover {opacity:0.8;}
.board_replyicon {background: url('https://image.ichannela.com/images/common/icon_reply.png') no-repeat 1.5% 50%;}

.replyboard_container .outline .reply_list {padding:30px 0 0; margin-right:190px;}
.replyboard_container .outline .reply_list .left {float:left; width:83%; padding-right:2%; padding-top:10px; position:relative;}
.replyboard_container .outline .reply_list .left .top {position:absolute; top:0; left:0; width:100%; overflow:hidden;}
.replyboard_container .outline .reply_list .left .top .reply_sum {float:left; line-height:35px;}
.replyboard_container .outline .reply_list .left .top .share {float:right;}
.replyboard_container .outline .reply_list .left .textarea_box {} 
.replyboard_container .outline .reply_list .left .textarea_box textarea {height:70px; background-color:#f9f9f9; border:solid 1px #d5d5d5; resize:none;}

.replyboard_container .outline .reply_list .right {float:left; width:160px; margin-right:-190px; padding-top:10px;}
.replyboard_container .outline .reply_list .right button {width:160px; height:70px; font-size:18px; color:#fff; background-color:#196EFF; border-radius:5px;}
.replyboard_container .outline .reply_list .right button:hover {opacity:0.8;}

.replyboard_container .outline .reply_list .reply_close_box {clear: both;}
.replyboard_container .outline .reply_list ul {}
.replyboard_container .outline .reply_list ul li {padding:20px 0; font-size:16px; border-bottom:solid 1px #d5d5d5;}
.replyboard_container .outline .reply_list ul li:after {content:""; display: block; clear: both;}
.replyboard_container .outline .reply_list ul li.blank {padding-bottom:50px; font-size:18px; text-align:center;}
.replyboard_container .outline .reply_list ul li .user {position:relative;}
.replyboard_container .outline .reply_list ul li .user span.username {margin-left:3px; font-weight:600;}
.replyboard_container .outline .reply_list ul li .user span.date {margin-left:10px; color:#999;}
.replyboard_container .outline .reply_list ul li .user .func {overflow:hidden; position:absolute; top:5px; right:0;}
.replyboard_container .outline .reply_list ul li .user .func a {display:inline-block; float:left; padding:0 7px; font-size:14px; line-height:1;}
.replyboard_container .outline .reply_list ul li .user .func a:hover {color:#196EFF;}
.replyboard_container .outline .reply_list ul li .user .func a:first-child {border-right:solid 1px #ccc;}
.replyboard_container .outline .reply_list ul li .txt {padding:10px 0; color:#f3f3f3;}


@media all and (max-width:768px){
  .replyboard_container {padding:15px;}
  .replyboard_container h3 {font-size:18px; font-weight: normal;}
  .replyboard_container .outline .input_box {padding-right:110px;}
  .replyboard_container .outline .input_box .left .top .reply_sum {line-height:30px;}
  .replyboard_container .outline .input_box .right {float:right; width:100px; margin-right:-110px;}
  .replyboard_container .outline .input_box .right button {width:100px; font-size:16px;}
    
 .replyboard_container .outline .reply_list {margin-right:0;} 
 .replyboard_container .outline .reply_list .left {float:none; width:100%; padding-top:10px; position:relative;}
 .replyboard_container .outline .reply_list .left .top {position:absolute; top:0; left:0; width:100%; overflow:hidden;}
 .replyboard_container .outline .reply_list .left .top .reply_sum {float:left; line-height:35px;}
 .replyboard_container .outline .reply_list .left .top .share {float:right;}
 .replyboard_container .outline .reply_list .left .textarea_box {} 
 .replyboard_container .outline .reply_list .left .textarea_box textarea {height:70px; background-color:#f9f9f9; border:solid 1px #d5d5d5; resize:none;}
    
 .replyboard_container .outline .reply_list .right {float:none; width:100%; padding-top:10px;}
 .replyboard_container .outline .reply_list .right button {width:100%; height:45px; font-size:18px; color:#fff; background-color:#196EFF; border-radius:5px;}
 .replyboard_container .outline .reply_list .right button:hover {opacity:0.8;}
}

@media all and (max-width:640px){
  .replyboard_container .outline .input_box {padding-right:0;}
  .replyboard_container .outline .input_box .left {float:initial; width:100%;}
  .replyboard_container .outline .input_box .right {float:initial; padding-top:0; width:100%; margin-right:0;}
  .replyboard_container .outline .input_box .right button {width:100%; height:40px; font-size:16px;}
  .replyboard_container .outline .reply_list ul li.blank {font-size:14px;}
  .replyboard_container .outline .reply_list ul li {font-size:14px;}
}




  
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 반응형 table
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.table_container_outer {position:relative;}
.table_container_fade {position:absolute; right:0; width:30px; height:100%;
    /* background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0)); */
}
.table_container {overflow-y: none; _overflow: auto;}

@media screen and (max-width:768px) {
      table#board_data {width:768px;}
      table#board_notice {width:768px;}
      table#board_order {width:768px;}

      .table_container_outer {position:relative;}
      .table_container_fade {position:absolute; right:0; width:30px; height:100%;
          /* background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
          background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
          background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
          background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
          background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); */
      }
      .table_container {width: 100%; overflow-y: auto; _overflow: auto;}

}