@charset "UTF-8";

@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

/*=======================================================================
* Template Name: BigShow
* Template URI: http://codepassenger.com/html/bigshow
* Author: CodePassenger
* Author URI: http://codepassenger.com/
* Description: BigShow - Movie / Film / Cinema Template
* Version: 1.1
* License: GPL v2 or later
* License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
* Tags: html, template, bigshow, video, movie, tv show, cartoon, wwe, marketing, codepassenger
======================================================================= */
/* Table of content
--------------------------------------------
General Styles
Preloader Styles
Button Styles
Topbar Styles
Main Header Styles
Banner Styles
Movie Styles
Upcomming Styles
News Styles
Footer Styles
------------------------------------------
Movie Page Styles
TV Show Page Styles
Single Movie Page Styles
Celebrity Page Styles
Single Celebrity Page Styles
News Page Styles
Single News Page Styles
Contact Page Styles
Login Page Styles
Signup Page Styles
------------------------------------------*/
/*------------------------------------------------------
General Styles
------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, input,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video, button {
    margin:0;
    padding:0; 
}


html {
    width:100%; height:100%; min-height:100%;
    font-size:16px;
}
body {
    width:100%; height:100%; min-height:100%;
    font-family:"NanumGothic", "NanumGothicOTF", "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    color:#666; 
    -webkit-text-size-adjust:100%; 
    -moz-text-size-adjust:100%; 
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing: antialiased;
     background-color:#f6f6f6;
}

h1, .h1 {
  font-size: 1.7rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.4rem;
}

h4, .h4 {
  font-size: 1.3rem;
}

h5, .h5 {
  font-size: 1.2rem;
}

h6, .h6 {
  font-size: 1.1rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 500;
  line-height: 1.125;
}

.container{

  width: 100% ;
}

a {
  color: #eb1436;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:focus, a:visited {
  outline: none;
  text-decoration: none;
  color: #eb1436;
}
a:hover {
  color: #c8102e;
  text-decoration: none;
}
.text-white a, .theme-bg a {
  color: #ffffff;
}

.text-white {
  color: #ffffff;
}

.section {
  float: left;
  width: 100%;
  clear: both;
  position: relative;
}

.section-padding {
  padding: 30px 0;
}
.section-padding.top-padding-normal {
  padding-top: 0;
}
.section-padding.bottom-padding-normal {
  padding-bottom: 0;
}

.section-header {
  margin-bottom: 30px;
}

.section-title {
  margin: 0;
}

.page-header {
  margin: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  background-image: url(../../images/bg/page-header.png);
  background-position: center center;
  background-size: cover;
}
.page-header .page-header-overlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
  color: #ffffff;
  padding: 10px 0 40px;
}
.page-header .page-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

/*** Form and control ***/
form {
  position: relative;
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]), textarea {
  width: 100%;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

textarea {
  resize: none;
}

/*------------------------------------------------------
Preloader Styles
------------------------------------------------------*/
.preloader {
  position: fixed;
  z-index: 999;
  background-color: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lds-css.ng-scope {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@keyframes lds-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 18px;
    left: 18px;
    width: 156px;
    height: 156px;
    opacity: 0;
  }
}
@-webkit-keyframes lds-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 18px;
    left: 18px;
    width: 156px;
    height: 156px;
    opacity: 0;
  }
}
.lds-ripple {
  position: relative;
}

.lds-ripple div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border-width: 4px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(1) {
  border-color: #eb1436;
}

.lds-ripple div:nth-child(2) {
  border-color: #eb1436;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.lds-ripple {
  width: 100px !important;
  height: 100px !important;
  -webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
  transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}

/*------------------------------------------------------
Button Styles
------------------------------------------------------*/
.play-video {
  height: 60px;
  width: 60px;
  display: inline-block;
  background-color: #eb1436;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(235, 20, 54, 0.3);
          box-shadow: 0 0 0 10px rgba(235, 20, 54, 0.3);
  font-size: 2.2rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.play-video:hover {
  -webkit-box-shadow: 0 0 0 10px #eb1436;
          box-shadow: 0 0 0 10px #eb1436;
}
.play-video i {
  color: #ffffff;
  margin-left: 5px;
  line-height: inherit;
}

.btn {
  font-size: 1.8rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #eb1436;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 50px;
  padding: 0 42px;
  border-radius: 25px;
}
.btn:focus, .btn:visited, .btn:active {
  color: #ffffff;
  background-color: #eb1436;
  outline: none;
}
.btn:hover {
  color: #ffffff;
  background-color: #111111;
  outline: none;
}

/*------------------------------------------------------
Topbar Styles
------------------------------------------------------*/
.topbar {
  background-color: #eb1436;
  padding: 9px 0;
}

.topbar-intro {
  font-size: 1.5rem;
  margin: 3px 0 0;
}

.topbar-right-btns {
  text-align: right;
}
.topbar-right-btns .btn {
  color: #ffffff;
  font-weight: 600;
  padding: 3px 15px;
  border-radius: 15px;
  font-size: 1.0em;
  line-height: 1.42857143;
}
.topbar-right-btns .btn:focus, .topbar-right-btns .btn:visited {
  outline: none;
}
.topbar-right-btns .btn:hover {
  color: #111111;
  background-color: #ffffff;
}

/*------------------------------------------------------
Main Header Styles
------------------------------------------------------*/
.navbar-default {
  min-height: 90px;
  border: none;
  border-radius: 0;
  margin: 0;
  border-bottom:1px solid #cfcfcf;
}
.navbar-default .navbar-brand {
  height: 52px;
  padding: 0 15px;
  margin-top: 20px;
  /*margin-bottom: 49px; */
}
.navbar-default .navbar-form {
  margin-top: 55px;
  margin-bottom: 55px;
  margin-left: 55px;
  float: left;
  padding: 0;
  width: 60px;
}
.navbar-default .navbar-form select {
  color: #505050;
  background-color: transparent;
  border: none;
  line-height: 39px;
  height: 39px;
  float: left;
  width: 110px;
  padding: 0 15px;
  border-top-left-radius: 19.5px;
  border-bottom-left-radius: 19.5px;
  border: 1px solid #d8d8d8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-default .navbar-form select:hover, .navbar-default .navbar-form select:focus {
  border-color: #eb1436;
}
.navbar-default .navbar-form [type=search] {
  float: left;
  width: calc(100% - 160px) !important;
  border: none;
  background-color: transparent;
  height: 39px;
  line-height: 39px;
  padding: 0 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d8d8 transparent #d8d8d8 transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-default .navbar-form [type=search]:focus {
  border-color: #eb1436;
}
.navbar-default .navbar-form [type=submit] {
  float: left;
  width: 50px;
  text-align: center;
  border-top-right-radius: 19.5px;
  border-bottom-right-radius: 19.5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 39px;
  height: 39px;
  background-color: transparent;
  border: none;
  padding: 0;
  border: 1px solid #d8d8d8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #999999;
}
.navbar-default .navbar-form [type=submit]:hover, .navbar-default .navbar-form [type=submit]:focus {
  border-color: #eb1436;
  color: #eb1436;
}
.navbar-default .navbar-nav {
  margin-top: 25px;
  /*margin-bottom: 50px;*/
}
.navbar-default .navbar-nav > li > a {
  color: #505050;
  font-size: 1.5rem;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:visited {
  color: #505050;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #eb1436;
}
.navbar-default .navbar-nav > li:last-child > a {
  padding-right: 0;
}
.navbar-default .navbar-nav > li.active > a {
  color: #eb1436;
  background-color: transparent;
}
.navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:visited {
  color: #eb1436;
  background-color: transparent;
}
.navbar-default .navbar-nav li > a {
  color: #505050;
  font-size: 1.0rem;
}
.navbar-default .navbar-nav li > a:focus, .navbar-default .navbar-nav li > a:visited {
  color: #505050;
}
.navbar-default .navbar-nav li > a:hover {
  color: #eb1436;
}
.navbar-default .navbar-nav li.dropdown > a {
  position: relative;
}
.navbar-default .navbar-nav li.dropdown > a:after {
  content: "\f107";
  font-family: "FontAwesome";
  margin-left: 4px;
}
.navbar-default .navbar-nav li.dropdown > .dropdown-menu {
  display: block;
  border: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.navbar-default .navbar-nav li.dropdown:hover > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/*------------------------------------------------------
Banner Styles
------------------------------------------------------*/
.banner-slider-area {
  height: 750px;
}

.banner-slider .owl-pagination {
  position: absolute;
  bottom: 55px;
  right: 50%;
  margin-right: -570px;
}
.banner-slider .owl-page {
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 33px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
  font-size: 1.5rem;
  color: #ffffff;
}
.banner-slider .owl-page span {
  display: block;
}
.banner-slider .owl-page.active {
  background-color: rgba(235, 20, 54, 0.5);
}

.banner-item {
  height: 750px;
  background-size: cover;
  background-position: center right;
  position: relative;
}
.banner-item.banner-item-1 {
  background-image: url(../../images/slider/1.png);
}
.banner-item.banner-item-2 {
  background-image: url(../../images/slider/2.png);
}
.banner-item.banner-item-3 {
  background-image: url(../../images/slider/3.png);
}
.banner-item .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.overlay-70 {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: relative;
}

.banner-content {
  position: absolute;
  bottom: 55px;
  left: 0;
  right: 0;
}
.banner-content .rating {
  width: 53px;
  height: 50px;
  background-image: url(../../images/icons/bstar.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  line-height: 53px;
}
.banner-content .banner-title {
  margin-top: 25px;
  margin-bottom: 0;
  font-weight: 900;
  width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  color:white;

}

.banner-content .banner-titlesub {
    font-size:15px;
    font-weight: 900;
    width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    color:white;

}

.banner-content .banner-date-meta {
  margin-bottom: 0;
  line-height: 100%;
  margin-top: 25px;
  font-size: 1.8rem;
}

/*------------------------------------------------------
Movie Section Styles
------------------------------------------------------*/
.video-carousel .owl-item {
  padding: 0 15px;
}
.video-carousel .owl-buttons {
  position: absolute;
  top: -70px;
  right: 15px;
}
.video-carousel .owl-prev,
.video-carousel .owl-next {
  font-size: 1.0rem;
  color: #505050;
  border: 2px solid #e7e7e7;
  display: inline-block;
  float: left;
  height: 35px;
  width: 35px;
  line-height: 33px;
  border-radius: 50%;
  text-align: center;
  margin-left: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-carousel .owl-prev:hover,
.video-carousel .owl-next:hover {
  color: #ffffff;
  background-color: #eb1436;
  border-color: #eb1436;
}

.video-item {
  float: left;
  width: 100%;
  position: relative;
}
.video-item .rating {
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  width: 38px;
  height: 36px;
  background-image: url(../../images/icons/mstar.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  font-size: 1.2rem;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
}
.video-item .thumb-hover {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 20, 54, 0.9)), to(rgba(123, 67, 151, 0.9)));
  background-image: linear-gradient(to bottom, rgba(235, 20, 54, 0.9) 0%, rgba(123, 67, 151, 0.9) 100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-item .thumb-hover .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ffffff;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-size: 1.4rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
}
.video-item .thumb-hover .play-video:hover {
  -webkit-box-shadow: 0 0 0 8px #ffffff;
          box-shadow: 0 0 0 8px #ffffff;
}
.video-item .thumb-hover .play-video i {
  color: #eb1436;
  margin-left: 3px;
}
.video-item .video-details {
  margin-top: 20px;
}
.video-item .video-details .video-title {
  margin: 0;
 font-size: 0.9rem;
}
.video-item .video-details .video-title a {
  color: inherit;
}
.video-item .video-details .video-title a:hover {
  color: #eb1436;
}
.video-item .video-details .video-release-on {
  color: #808080;
  margin-bottom: 0;
  margin-top: 5px;
}
.video-item:hover .thumb-hover {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.thumb-wrap {
  width: 100%;
  clear: both;
  position: relative;
  display: block;
}
.thumb-wrap img {
  max-width: 100%;
}

.all-link {
  display: inline-block;
  float: right;
  line-height: 35px;
  color: #111111;
  font-size: 1.0rem;
  margin-right: 100px;
}
.all-link:focus, .all-link:visited {
  color: #111111;
}
.all-link:hover {
  color: #eb1436;
}

/*------------------------------------------------------
Upcomming Styles
------------------------------------------------------*/
.upcomming-section {
  background-image: url(../../images/bg/pattern.png);
  background-position: top left;
  background-repeat: repeat;
}

.upcomming-featured {
  position: relative;
}
.upcomming-featured .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.upcomming-featured .upcomming-details {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  padding: 10px 50px 0 15px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
  background-image: linear-gradient(to top, black 0%, transparent 100%);
}
.upcomming-featured .upcomming-details .video-title {
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size : 1.0rem;
  font-weight:800;

  margin: 0;
}
.upcomming-featured .upcomming-details .video-release-on {
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin: 0px 0 5px 0;
   font-size : 0.8em;
}


.upcomming-item {
  position: relative;
  float: left;
  width: 100%;
}
.upcomming-item + .upcomming-item {
  margin-top: 30px;
}
.upcomming-item .upcomming-hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 20, 54, 0.9)), to(rgba(123, 67, 151, 0.9)));
  background-image: linear-gradient(to bottom, rgba(235, 20, 54, 0.9) 0%, rgba(123, 67, 151, 0.9) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.upcomming-item .upcomming-hover .play-video {
  background-color: #ffffff;
  font-size: 1.4rem;
  height: 44px;
  width: 44px;
  line-height: 44px;
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.upcomming-item .upcomming-hover .play-video:hover {
  -webkit-box-shadow: 0 0 0 8px #ffffff;
          box-shadow: 0 0 0 8px #ffffff;
}
.upcomming-item .upcomming-hover .play-video i {
  color: #eb1436;
  margin-left: 3px;
}
.upcomming-item .upcomming-details {
  position: absolute;
  padding: 25px 15px 5px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
  background-image: linear-gradient(to top, black 0%, transparent 100%);
  bottom: 0;
  left: 0;
  right: 0;
}
.upcomming-item .upcomming-details .video-title {
  margin: 0;
  font-weight: 500;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.upcomming-item .upcomming-details .video-release-on {
  margin: 0;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.upcomming-item:hover .upcomming-hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*------------------------------------------------------
News Section Styles
------------------------------------------------------*/
.news-section .all-link {
  margin-right: 0;
}

.news-featured {
  position: relative;
  display: block;
}
.news-featured .img-responsive {
  width: 100%;
}
.news-featured .news-date-meta {
  position: absolute;
  left: 30px;
  top: 30px;
  background-color: #eb1436;
  color: #ffffff;
  display: block;
  line-height: 30px;
  padding: 0 16px;
  z-index: 2;
}
.news-featured .news-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 100px 30px 20px;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
.news-featured .news-title {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.67;
  color: #ffffff;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 20px;
}

.news-item {
  float: left;
  width: 100%;
}
.news-item + .news-item {
  margin-top: 30px;
}
.news-item .news-thumb {
  display: inline-block;
  float: left;
  width: 170px;
  margin-right: 30px;
}
.news-item .news-thumb + .news-content {
  width: calc(100%);
}
.news-item .news-content {
  float: left;
}
.news-item .news-date-meta {
  color: #eb1436;
  margin-top: 10px;
  display: block;
}
.news-item .news-title {
  /*color: #111111;*/
  font-size: 1.1rem;
  margin: 3px 0 0;
}
.news-item .news-title a {
  color: inherit;
}
.news-item .news-title a:hover {
  color: #eb1436;
}
.news-item .news-excerpt {
  margin-top: 18px;
  margin-bottom: 0;
}

/*------------------------------------------------------
Footer Styles
------------------------------------------------------*/
footer {
  background-color: #0f1619;
  float: left;
  width: 100%;
}

.footer-widget-area {
  float: left;
  width: 100%;
  clear: both;
  padding: 85px 0 60px;
}

.footer-logo {
  display: block;
}
.footer-logo + .about-text {
  margin-top: 40px;
  color: #b4b4b4;
}

.footer-social {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.footer-social .footer-social-title {
  margin: 0 0 20px 0;
}

.socials {
  float: left;
  width: 100%;
}
.socials a {
  display: inline-block;
  font-size: 1.5rem;
  color: #ffffff;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.05);
  float: left;
}
.socials a + a {
  margin-left: 15px;
}
.socials a:hover {
  background-color: #eb1436;
}

.widget {
  float: left;
  width: 100%;
}
.widget + .widget {
  margin-top: 35px;
}
.widget .widget-title {
  font-size: 2.2rem;
  margin-top: 0;
  margin-bottom: 35px;
}
.widget .widget-inner {
  float: left;
  width: 100%;
}
.widget .widget-cat {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget .widget-cat .cat {
  display: block;
  float: left;
  width: 50%;
}
.widget .widget-cat .cat a {
  font-weight: 500;
  line-height: 2.57;
  color: #ffffff;
}
.widget .widget-cat .cat a:hover {
  color: #eb1436;
}
.widget.about-widget {
  margin-top: -15px;
}
.widget.newsletter-widget p {
  margin-bottom: 25px;
}
.widget.newsletter-widget .subscription {
  float: left;
  width: 100%;
  clear: both;
}
.widget.newsletter-widget .subscription [type=email] {
  border: 2px solid rgba(255, 255, 255, 0.15);
  line-height: 41px;
  height: 45px;
  padding: 0 15px;
  background-color: transparent;
  float: left;
  width: calc(100% - 70px);
  margin-right: 10px;
}
.widget.newsletter-widget .subscription [type=submit] {
  width: 60px;
  line-height: 41px;
  height: 45px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  color: #eb1436;
  font-size: 1.8rem;
  background-color: transparent;
}
.widget.newsletter-widget .subscription ::-webkit-input-placeholder {
  color: #b4b4b4;
  opacity: 1;
}
.widget.newsletter-widget .subscription ::-moz-placeholder {
  color: #b4b4b4;
  opacity: 1;
}
.widget.newsletter-widget .subscription :-ms-input-placeholder {
  color: #b4b4b4;
  opacity: 1;
}
.widget.newsletter-widget .subscription :-moz-placeholder {
  color: #b4b4b4;
  opacity: 1;
}
.widget.app-widget .widget-title {
  margin-bottom: 20px;
}
.widget.app-widget .google-play-download {
  margin-right: 20px;
}
.widget.app-widget .google-play-download, .widget.app-widget .apple-store-download {
  display: inline-block;
  float: left;
}

.copyright-footer {
  float: left;
  width: 100%;
  clear: both;
}
.copyright-footer .container {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 28px;
  padding-bottom: 28px;
}
.copyright-footer .footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.copyright-footer .footer-nav li {
  display: inline-block;
}
.copyright-footer .footer-nav li a {
  display: block;
  color: #b4b4b4;
}
.copyright-footer .footer-nav li a:hover {
  color: #eb1436;
}
.copyright-footer .footer-nav li + li a {
  margin-left: 20px;
}
.copyright-footer .copyright-text {
  margin: 0;
  text-align: right;
  color: #b4b4b4;
}
.copyright-footer .copyright-text a {
  color: inherit;
}
.copyright-footer .copyright-text a:hover {
  color: #eb1436;
}

.newsletter-success, .newsletter-error {
  display: none;
  margin-top: 12px;
  margin-bottom: 0 !important;
  padding: 3px 10px;
}

.newsletter-success {
  border: 1px solid #16a085;
}

.newsletter-error {
  border: 1px solid #eb1436;
}

/*------------------------------------------------------
Movies Page Styles
------------------------------------------------------*/
.video-list {
  float: left;
  width: 100%;
}
.video-list .video-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
}
.video-list .video-item + .video-item {
  margin-top: 50px;
}
.video-list .video-item .video-thumb {
  width: 270px;
  float: left;
}
.video-list .video-item .video-thumb + .video-details {
  margin-left: 30px;
  width: calc(100% - 500px);
}
.video-list .video-item .video-details {
  float: left;
}
.video-list .video-item .video-details .video-title {
  font-size: 3rem;
  margin: 0;
  color: #111111;
}
.video-list .video-item .video-details .video-title a {
  color: inherit;
}
.video-list .video-item .video-details .video-title a:hover {
  color: #eb1436;
}
.video-list .video-item .video-details .video-release-date {
  font-size: 1.6rem;
  margin-top: 5px;
  margin-bottom: 0;
}
.video-list .video-item .video-details .ratings-wrap {
  float: left;
  clear: both;
  width: 100%;
  margin: 25px 0;
}
.video-list .video-item .video-details .rating {
  width: 53px;
  height: 50px;
  background-image: url(../../images/icons/bstar.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  text-align: center;
  line-height: 53px;
  position: static;
  color: #111111;
  font-size: 1.4rem;
  float: left;
  margin-right: 15px;
}
.video-list .video-item .video-details .expanded-rating {
  float: left;
  width: calc(100% - 68px);
}
.video-list .video-item .video-details .star-rating {
  display: block;
  float: left;
}
.video-list .video-item .video-details .star-rating .star {
  display: inline-block;
  float: left;
  margin-right: 3px;
  position: relative;
}
.video-list .video-item .video-details .star-rating .star:before {
  content: "\f005";
  font-family: "FontAwesome";
  font-size: 1.6rem;
  color: #808080;
}
.video-list .video-item .video-details .star-rating .star.on:before {
  color: #ffc000;
}
.video-list .video-item .video-details .user-voted {
  color: #808080;
  display: block;
  clear: left;
}
.video-list .video-item .video-details .user-voted i {
  color: #eb1436;
  font-size: 1.6rem;
  margin-right: 5px;
}
.video-list .watch-now-wrap {
  width: 200px;
  text-align: right;
}
.video-list .btn-watch-now {
  width: 170px;
  height: 45px;
  line-height: 41px;
  background-color: #eb1436;
  border: 2px solid #eb1436;
  border-radius: 22px;
  color: #ffffff;
  display: inline-block;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-list .btn-watch-now:hover {
  color: #eb1436;
  background-color: transparent;
}

.video-attributes {
  float: left;
  width: 100%;
  clear: both;
}
.video-attributes p {
  font-size: 1.5rem;
}
.video-attributes p label {
  margin: 0;
}

.share-on {
  float: left;
  clear: both;
  width: 100%;
}
.share-on label {
  margin: 0;
}
.share-on .share-social {
  display: inline-block;
}
.share-on .share-social a {
  margin: 0 8px;
  display: inline-block;
}
.share-on .share-social a .fa-facebook {
  color: #3b5999;
}
.share-on .share-social a .fa-twitter {
  color: #55acee;
}
.share-on .share-social a .fa-google-plus {
  color: #dd4b39;
}
.share-on .share-social a .fa-pinterest {
  color: #bd081c;
}

.pagination {
  margin-top: 60px;
  margin-bottom: 0;
}

.nav-links .current-page, .nav-links .page-numbers {
  font-weight: 500;
  color: #111111;
  border: 2px solid #dadada;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-links .current-page {
  padding: 0 12px;
}
.nav-links .page-numbers {
  width: 40px;
  text-align: center;
}
.nav-links .page-numbers.prev, .nav-links .page-numbers.next {
  font-size: 1.1rem;
  line-height: 36px;
}
.nav-links .page-numbers:hover {
  color: #eb1436;
}
.nav-links .page-numbers.current {
  color: #eb1436;
  border-color: #eb1436;
}

/*------------------------------------------------------
TV Show Page Styles
------------------------------------------------------*/
.show-listing {
  float: left;
  width: 100%;
}
.show-listing .video-item {
  margin-bottom: 50px;
}
.show-listing .pagination {
  margin-top: 0;
}

/*------------------------------------------------------
Single Movie Styles
------------------------------------------------------*/
.page-header.single-video-header {
  background-image: url(../../images/bg/single-page-header.png);
}

.video-single {
  float: left;
  width: 100%;
}
.video-single .thumb-wrap {
  position: relative;
}
.video-single .thumb-wrap .thumb-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.video-single .thumb-wrap .thumb-hover .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-single .thumb-wrap + .content-wrap {
  margin-top: 60px;
}
.video-single .content-wrap {
  float: left;
  width: 100%;
}
.video-single .content-wrap .video-thumb {
  width: 270px;
  float: left;
}
.video-single .content-wrap .video-thumb + .video-details {
  margin-left: 30px;
  width: calc(100% - 300px);
}
.video-single .content-wrap .video-details {
  float: left;
}
.video-single .content-wrap .video-details .video-title {
  font-size: 3rem;
  margin: 0;
  color: #111111;
}
.video-single .content-wrap .video-details .video-title a {
  color: inherit;
}
.video-single .content-wrap .video-details .video-title a:hover {
  color: #eb1436;
}
.video-single .content-wrap .video-details .video-release-date {
  font-size: 1.6rem;
  margin-top: 5px;
  margin-bottom: 0;
}
.video-single .content-wrap .video-details .ratings-wrap {
  float: left;
  clear: both;
  width: 100%;
  margin: 25px 0;
}
.video-single .content-wrap .video-details .rating {
  width: 53px;
  height: 50px;
  background-image: url(../../images/icons/bstar.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  text-align: center;
  line-height: 53px;
  position: static;
  color: #111111;
  font-size: 1.4rem;
  float: left;
  margin-right: 15px;
}
.video-single .content-wrap .video-details .expanded-rating {
  float: left;
  width: calc(100% - 68px);
}
.video-single .content-wrap .video-details .star-rating {
  display: block;
  float: left;
}
.video-single .content-wrap .video-details .star-rating .star {
  display: inline-block;
  float: left;
  margin-right: 3px;
  position: relative;
}
.video-single .content-wrap .video-details .star-rating .star:before {
  content: "\f005";
  font-family: "FontAwesome";
  font-size: 1.6rem;
  color: #808080;
}
.video-single .content-wrap .video-details .star-rating .star.on:before {
  color: #ffc000;
}
.video-single .content-wrap .video-details .user-voted {
  color: #808080;
  display: block;
  clear: left;
}
.video-single .content-wrap .video-details .user-voted i {
  color: #eb1436;
  font-size: 1.6rem;
  margin-right: 5px;
}

.single-section {
  float: left;
  width: 100%;
}
.single-section + .single-section {
  margin-top: 60px;
}
.single-section .single-section-title {
  font-size: 3rem;
  color: #111111;
  margin-top: 0;
  margin-bottom: 25px;
}
.single-section .section-content p {
  margin-bottom: 35px;
}
.single-section .section-content p:last-child {
  margin-bottom: 0;
}

.single-gallery-slider .owl-prev, .single-gallery-slider .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.4rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.single-gallery-slider .owl-prev:hover, .single-gallery-slider .owl-next:hover {
  color: #eb1436;
}
.single-gallery-slider .owl-prev {
  left: 0;
}
.single-gallery-slider .owl-next {
  right: 0;
}

/*------------------------------------------------------
Celebrity Page Styles
------------------------------------------------------*/
.celebrity-list {
  float: left;
  width: 100%;
}
.celebrity-list .pagination {
  margin-top: 0;
}

.celebrity-item {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.celebrity-item .thumb-hover {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 20, 54, 0.9)), to(rgba(123, 67, 151, 0.9)));
  background-image: linear-gradient(to bottom, rgba(235, 20, 54, 0.9) 0%, rgba(123, 67, 151, 0.9) 100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.celebrity-item .thumb-hover .celebrity-link {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}
.celebrity-item .thumb-hover .celebrity-link:before {
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 100%;
  height: 4px;
}
.celebrity-item .thumb-hover .celebrity-link:after {
  left: 50%;
  margin-left: -2px;
  top: 0;
  height: 100%;
  width: 4px;
}
.celebrity-item .thumb-hover .celebrity-link:before, .celebrity-item .thumb-hover .celebrity-link:after {
  content: "";
  position: absolute;
  background-color: #ffffff;
}
.celebrity-item .celebrity-details {
  margin-top: 20px;
}
.celebrity-item .celebrity-details .celebrity-name {
  margin: 0;
  font-size: 1.8rem;
  color: #111111;
}
.celebrity-item .celebrity-details .celebrity-name a {
  color: inherit;
}
.celebrity-item .celebrity-details .celebrity-name a:hover {
  color: #eb1436;
}
.celebrity-item .celebrity-details .celebrity-profession {
  color: #808080;
  margin-bottom: 0;
  margin-top: 5px;
}
.celebrity-item:hover .thumb-hover {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*------------------------------------------------------
Single Celebrity Page Styles
------------------------------------------------------*/
.page-header.single-celebrity-header {
  background-image: url(../../images/bg/single-celebrity-header.png);
}

.celebrity-single {
  float: left;
  width: 100%;
}
.celebrity-single .content-wrap {
  float: left;
  width: 100%;
}
.celebrity-single .content-wrap .celebrity-thumb {
  width: 270px;
  float: left;
}
.celebrity-single .content-wrap .celebrity-thumb + .celebrity-details {
  margin-left: 30px;
  width: calc(100% - 300px);
}
.celebrity-single .content-wrap .celebrity-details {
  float: left;
}
.celebrity-single .content-wrap .celebrity-details .celebrity-name {
  font-size: 3rem;
  margin: 0;
  color: #111111;
}
.celebrity-single .content-wrap .celebrity-details .celebrity-name a {
  color: inherit;
}
.celebrity-single .content-wrap .celebrity-details .celebrity-name a:hover {
  color: #eb1436;
}
.celebrity-single .content-wrap .celebrity-details .celebrity-profession {
  font-size: 1.6rem;
  margin-top: 5px;
  margin-bottom: 0;
}

.celebrity-infos {
  margin-top: 25px;
}
.celebrity-infos p {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.celebrity-infos p label {
  margin-bottom: 0;
}

.filmography-table {
  width: 100%;
}
.filmography-table tr {
  border-bottom: 1px solid #e6e6e6;
}
.filmography-table tr.head-tr {
  font-size: 1.8rem;
  color: #111111;
  line-height: 100%;
  font-weight: 400;
}
.filmography-table tr.head-tr th {
  font-weight: inherit;
}
.filmography-table th,
.filmography-table td {
  padding-bottom: 20px;
}
.filmography-table th:last-child,
.filmography-table td:last-child {
  text-align: right;
}
.filmography-table td {
  padding-top: 20px;
}
.filmography-table .film-poster {
  width: 125px;
  padding-right: 25px;
}
.filmography-table .film-details .film-title {
  font-size: 1.8rem;
  color: #111111;
  margin: 0;
}
.filmography-table .film-details .film-title a {
  color: inherit;
}
.filmography-table .film-details .film-title a:hover {
  color: #eb1436;
}
.filmography-table .film-details .film-title .film-category {
  margin-bottom: 0;
  margin-top: 3px;
}

/*------------------------------------------------------
News Page Styles
------------------------------------------------------*/
.news-list {
  float: left;
  width: 100%;
}
.news-list .news-item {
  float: left;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 40px;
}
.news-list .news-item + .news-item {
  margin-top: 0;
}
.news-list .news-item .news-excerpt {
  margin-top: 25px;
}
.news-list .news-thumb {
  display: block;
  width: 100%;
  float: left;
}
.news-list .news-thumb img {
  max-width: 100%;
}
.news-list .news-content {
  width: 100%;
  float: left;
}
.news-list .news-metas {
  color: #808080;
  margin-top: 15px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.news-list .news-metas a {
  color: inherit;
}
.news-list .news-metas a:hover {
  color: #eb1436;
}
.news-list .news-title {
  margin: 0;
  font-size: 0.9rem;
}
.news-list .news-link-btn {
  display: inline-block;
  background-color: #eb1436;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  line-height: 35px;
  height: 35px;
  padding: 0 30px;
  border-radius: 17px;
  margin-top: 40px;
}
.news-list .pagination {
  margin-top: 20px;
}

/*** Sidebar Widgets Styles ***/
.sidebar {
  float: left;
  width: 100%;
}
.sidebar .widget {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 35px;
  margin-bottom: 50px;
}
.sidebar .widget + .widget {
  margin-top: 0;
}
.sidebar .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.sidebar .widget .widget-title {
  color: #111111;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 25px;
}
.sidebar .widget .widget-inner {
  float: left;
  width: 100%;
}
.sidebar .widget.search-widget {
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar .widget .searchform {
  width: 100%;
  float: left;
  position: relative;
}
.sidebar .widget .searchform ::-webkit-input-placeholder {
  color: #111111;
  opacity: 1;
}
.sidebar .widget .searchform ::-moz-placeholder {
  color: #111111;
  opacity: 1;
}
.sidebar .widget .searchform :-ms-input-placeholder {
  color: #111111;
  opacity: 1;
}
.sidebar .widget .searchform :-moz-placeholder {
  color: #111111;
  opacity: 1;
}
.sidebar .widget .searchform [type=search] {
  color: #111111;
  width: 100%;
  height: 50px;
  border: 1px solid #e1e1e1;
  line-height: 48px;
  padding: 0 60px 0 15px;
}
.sidebar .widget .searchform [type=submit] {
  width: 60px;
  height: 50px;
  border: 1px solid transparent;
  line-height: 48px;
  color: #111111;
  position: absolute;
  background-color: transparent;
  right: 0;
  top: 0;
}
.sidebar .widget .widget-cat {
  list-style-type: circle;
}
.sidebar .widget .widget-cat .cat {
  display: block;
  width: 100%;
}
.sidebar .widget .widget-cat .cat + .cat {
  margin-top: 17px;
}
.sidebar .widget .widget-cat .cat a {
  color: #505050;
  font-weight: 400;
  display: block;
  line-height: 2;
}
.sidebar .widget .widget-cat .cat a span {
  float: right;
}
.sidebar .widget .widget-cat .cat a:before {
  content: "\f111";
  font-family: "FontAwesome";
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.sidebar .widget .widget-cat .cat a:hover {
  color: #eb1436;
}
.sidebar .widget .widget-posts {
  float: left;
  width: 100%;
}
.sidebar .widget .widget-posts .widget-post {
  float: left;
  width: 100%;
}
.sidebar .widget .widget-posts .widget-post + .widget-post {
  margin-top: 25px;
}
.sidebar .widget .widget-posts .widget-post .widget-thumb {
  display: inline-block;
  width: 70px;
  float: left;
  margin-right: 20px;
}
.sidebar .widget .widget-posts .widget-post .widget-thumb + .widget-post-content {
  float: left;
  width: calc(100% - 90px);
}
.sidebar .widget .widget-posts .widget-post .widget-post-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #111111;
}
.sidebar .widget .widget-posts .widget-post .widget-post-title:hover {
  color: #eb1436;
}
.sidebar .widget .widget-posts .widget-post .widget-post-date {
  margin-top: 10px;
  margin-bottom: 0;
}
.sidebar .widget .tags {
  margin: -5px;
  float: left;
  width: calc(100% + 10px);
}
.sidebar .widget .tags .tag {
  display: inline-block;
  color: #505050;
  height: 35px;
  line-height: 33px;
  border: 1px solid #e1e1e1;
  border-radius: 17px;
  padding: 0 17px;
  float: left;
  margin: 5px;
}
.sidebar .widget .tags .tag:hover {
  color: #ffffff;
  background-color: #eb1436;
  border-color: #eb1436;
}

/*------------------------------------------------------
Single News Page Styles
------------------------------------------------------*/
.news-single {
  float: left;
  width: 100%;
}

.news-single-main {
  float: left;
  width: 100%;
  clear: both;
}

.single-thumb {
  margin-bottom: 30px;
}

.news-entry p {
  margin-bottom: 25px;
  line-height: 2;
}
.news-entry p:last-child {
  margin-bottom: 0;
}
.news-entry blockquote {
  border-color: #e8e8e8 #e8e8e8 #e8e8e8 #eb1436;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  position: relative;
  font-weight: 500;
  font-size: 1.6rem;
  color: #111111;
  padding: 30px 60px 30px 75px;
  margin-bottom: 25px;
  background-color: #f7f7f7;
}
.news-entry blockquote:before {
  position: absolute;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 2.4rem;
  top: 35px;
  left: 35px;
  line-height: 100%;
  color: #eb1436;
}

.single-footer {
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 40px;
  padding: 12px 0;
}
.single-footer label {
  font-size: 1.5rem;
  margin-bottom: 0;
  font-weight: 500;
  color: #111111;
  display: inline-block;
}

.news-share {
  float: left;
  width: 100%;
}
.news-share .share-social {
  display: inline-block;
}
.news-share .share-social a {
  margin: 0 8px;
  display: inline-block;
  font-size: 1.5rem;
}
.news-share .share-social a .fa-facebook {
  color: #3b5999;
}
.news-share .share-social a .fa-twitter {
  color: #55acee;
}
.news-share .share-social a .fa-google-plus {
  color: #dd4b39;
}
.news-share .share-social a .fa-pinterest {
  color: #bd081c;
}

.news-tag {
  text-align: right;
}
.news-tag a {
  font-size: 1.5rem;
}

.given-comment {
  float: left;
  width: 100%;
  clear: both;
  margin-top: 95px;
}
.given-comment .given-comment-title {
  font-size: 2.4rem;
  margin: 0;
  color: #111111;
  float: left;
  width: 100%;
}
.given-comment .comments {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  clear: both;
}
.given-comment .child-comments {
  padding-left: 110px;
}
.given-comment .comment {
  width: 100%;
  float: left;
}
.given-comment .comment-wrap {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e6e6e6;
  padding: 40px 0;
}
.given-comment .commenter-thumb {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}
.given-comment .commenter-thumb img {
  max-width: 100%;
}
.given-comment .comment-body {
  float: left;
  width: calc(100% - 110px);
}
.given-comment .comment-title {
  margin: 0;
}
.given-comment .comment-title .commenter-name {
  font-size: 1.6rem;
  color: #111111;
}
.given-comment .comment-title .comment-date {
  font-size: 1.4rem;
  color: #505050;
}
.given-comment .comment-content {
  margin-top: 20px;
}
.given-comment .comment-reply {
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  width: 100px;
  height: 35px;
  line-height: 35px;
  border-radius: 17px;
  text-align: center;
  background-color: #eb1436;
  display: inline-block;
  margin-top: 10px;
}

.commenting-wrap {
  float: left;
  width: 100%;
  clear: both;
  margin-top: 100px;
}
.commenting-wrap .comment-form-title {
  float: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
}
.commenting-wrap p {
  margin-bottom: 22px;
  float: left;
  width: 100%;
}

.comment-form {
  float: left;
  width: 100%;
}
.comment-form ::-webkit-input-placeholder {
  color: #505050;
  opacity: 1;
}
.comment-form ::-moz-placeholder {
  color: #505050;
  opacity: 1;
}
.comment-form :-ms-input-placeholder {
  color: #505050;
  opacity: 1;
}
.comment-form :-moz-placeholder {
  color: #505050;
  opacity: 1;
}
.comment-form input, .comment-form textarea {
  line-height: 40px;
  padding: 0 20px;
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.comment-form [type=submit] {
  font-weight: 700;
  font-size: 1.6rem;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #eb1436;
  width: 150px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
}


.google-map {
  height: 450px;
}

.contact-title,
.contact-detail-title {
  margin-top: 0;
  margin-bottom: 40px;
  color: #111111;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  padding: 12px 20px;
  margin-bottom: 30px;
  border: 1px solid #e8e8e8;
}
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  outline: none;
}

.input-success,
.input-error {
  margin-bottom: 0;
  margin-top: 20px;
  padding: 8px 20px;
  display: none;
}

.input-success {
  border: 1px solid #16a085;
}

.input-error {
  border: 1px solid #e74c3c;
}

.contact-infos {
  float: left;
  width: 100%;
}
p + .contact-infos {
  margin-top: 35px;
}

.contact-info-item {
  float: left;
  width: 100%;
}
.contact-info-item + .contact-info-item {
  margin-top: 25px;
}
.contact-info-item label {
  margin: 0 20px 0 0;
  float: left;
  width: 80px;
  font-weight: 500;
}
.contact-info-item p {
  float: left;
  width: calc(100% - 100px);
}


.account-page {
  background-color: #272e30;
}

.account-wrap {
  max-width: 430px;
  width: 100%;
  margin: 120px auto;
  text-align: center;
}

.site-logo {
  display: inline-block;
  margin-bottom: 40px;
}

.accountform {
  background-color: #ffffff;
  border-radius: 10px;
  text-align: left;
  padding: 45px 30px;
}
.accountform h3 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #808080;
  margin-top: 0;
  margin-bottom: 35px;
}
.accountform label {
  font-size: 1.4rem;
  font-weight: 400;
}
.accountform .basic-field label {
  display: block;
  width: 100%;
  color: #111111;
}
.accountform .basic-field label + label {
  margin-top: 22px;
}
.accountform .basic-field label p {
  margin-top: 7px;
  margin-bottom: 0;
}
.accountform .basic-field .row {
  margin: 25px -10px 0;
}
.accountform .basic-field .row .col-sm-6 {
  padding: 0 10px;
}
.accountform [type=text],
.accountform [type=password],
.accountform [type=email] {
  width: 100%;
  border: 1px solid #d1d1d1;
  line-height: 30px;
  padding: 9px 15px;
}
.accountform .stay-login {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
}
.accountform .stay-login [type=checkbox] {
  width: 15px;
  height: 15px;
  margin-top: 0;
  margin-right: 6px;
  vertical-align: middle;
}
.accountform [type=submit] {
  font-weight: 400;
  font-size: 1.8rem;
  background-color: #eb1436;
  line-height: 50px;
  border: none;
  height: 50px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-top: 28px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accountform [type=submit]:hover {
  background-color: #111111;
}
.accountform .signup-recover {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 0;
}

/* main */

 #inner-box {
  background: black;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;

}
 #inner-box p {
  color: #fff;
  line-height: 150px;
  font-family: 'arial';
  text-align: center;
  padding-top: 170px;
}

img {
    max-width:100%;
    vertical-align:middle; 
}

li {
    list-style-type:none;
}

.wrap {
    position:relative;
    height:100%; 
    max-width:1200px;
    padding:0 40px;
    margin:0 auto;
    font-size:13px; font-size:0.8125rem; line-height:1;
}

.wrap:after {
    content: "";
    display: block;
    clear: both;
    visibility: visible; 
}

/* header_gnb
=========================== */
.gnb {}
.gnb ul {display:table;}
.gnb li {display:table-cell;width:33.333333%;}
.gnb li a {color:#000; font-size:16px; line-height:2; font-weight:700;}
.gnb li.on a {color:#ee2c38;} 
.gnb li a:hover {color:#ee2c38; text-decoration:none;}

.gnb ul {width:100%;}
.gnb li {min-width:auto; white-space: nowrap;}
.gnb li {display:table-cell;width:25%;}




@media (max-width:1023px){
    .gnb {padding-top:0; border-top:1px solid #cfcfcf;}
    .gnb ul {width:100%; background:#fff; opacity:1; border-radius:0;}
    .gnb li {text-align:center;}
    .gnb li a {color:#000; font-size:0.8125rem; line-height:36px;}

    .genreList{position:relative; display: block; padding-bottom:0.3em; margin-bottom:0;  white-space: nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden; background-color:#FFF; border-bottom:1px solid #ddd;}
    .genreList ul {}
    .genreList li {display:inline-block; min-width:4%; padding:0 10px; border:0; height:auto; font-size:12px; font-size:0.75rem;}
    .genreList li:first-child {padding-left:3%;}
    .genreList li:last-child {padding-right:3%;}
    .genreList li a {color:#000; font-size:13px; line-height:2; font-weight:700;}
    .genreList li.on a {color:#ee2c38;} 
    .genreList li a:hover {color:#ee2c38; text-decoration:none;}
    .genreList .tr {}
    .genreList .tr li {display:table-cell; min-width:inherit; padding:0;}


}

@media (max-width:1023px){
    * {-webkit-overflow-scrolling:touch;}
    body.mobile, html.mobile {position:fixed;}

    .wrap {padding:0;}
    .mhide {display:none !important;}
    .mshow {display:block !important;}

    #container.bg_gray_m, 
    .bg_gray_m {background-color:#eff1f4;}

    .tit {font-size:1.25rem;}
    .tit_tx {display:none;}

    .c_tit {font-size:0.8125rem;}
    .c_txt {padding-top:3px;}
    .c_txt2 {padding-top:3px;}
    .main_titbox {padding-bottom:0.5em; padding-top:0.5em;}
    .main_tit {padding-bottom:11px; border-bottom-width:1px; font-size:0.75rem;}
    .btn_sub_link {font-size:0; top:auto; bottom:16px;}
    .main_theme {padding-bottom:0; margin-bottom:1em; width:100%; overflow-x:auto;}
    .main_theme_inner {display:table; width:100%; table-layout:fixed;}
    .main_theme a {display:table-cell; float:none; width:230px; padding-left:10px; vertical-align:top;}
    .main_theme a:first-child {padding-left:0;}
    .main_theme a > span {border:solid 1px #d2d3d4;}
    .main_theme a img {width:100%;}
    .main_theme a:nth-child(2n-1) {margin-left:0;}


    .main_contbox .comicbox2 {overflow-x:auto; width:100%; margin-bottom:1em;white-space: nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden;}
    .main_contbox .comicbox2 ul {display:table; width:100%; table-layout:fixed; margin-left:-10px;}
    .main_contbox .comicbox2 li {float:none; display:table-cell; width:140px; padding-left:10px; border:0;}
    .main_contbox .comicbox2 li:last-child {}
    .main_contbox .comicbox2 li a {border-bottom:0; box-sizing:border-box;}
    .main_contbox .comicbox2 li div {box-sizing:border-box;}
    .main_contbox .comicbox2 .i_ribon {left:10px;}

}

.main_contbox {position:relative;}
     .main_contbox .comicbox2 li div.box_ribbon {box-sizing:content-box; border:0;}
    .main_contbox .comicbox2 li div.t_info {padding:6px 0 0;}

    .main_contbox:after {
        content:""; position:absolute; right:0; top:0; width:10%; height:100%;

        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }

.main_titbox {padding-bottom:0.5em; padding-top:0.5em;position:relative; padding-bottom:1em;}
.main_titbox.case {padding-bottom:1em;}
.main_tit {padding-bottom:18px; margin-bottom:5px; font-size:15px; font-size:0.9375rem; color:#000; border-bottom:1px solid #ced0db; font-weight:700;}
.main_stit {color:#eb1c28; text-align:center;}
.btn_sub_link {position:absolute; right:0; top:0; color:#9d9fb1; font-size:14px; font-size:0.875rem;}
.btn_sub_link i {display:inline-block; color:#ee2c38; font-size:20px; font-size:1.125rem; font-weight:700; height:14px; line-height:14px; vertical-align:top;}

.btn_main {position:absolute; top:25px; padding:0 10px; border:1px solid #cacaca; line-height:35px; border-radius:15px;}
.btn_main span {display:inline-block; background-repeat:no-repeat;}
.btn_main.prev {left:0;}
.btn_main.next {right:0;}
.btn_main.prev span {padding-left:25px; background-image:url(/renewal/publish/images/bg_btn_main_left.png); background-position:0 center;}
.btn_main.next span {padding-right:25px; background-image:url(/renewal/publish/images/bg_btn_main_right.png); background-position:right center;}

.main_theme {width:100%; overflow:hidden;}
.main_theme_inner {width:102%;}
.main_theme {padding-bottom:4.6em;}
.main_theme:after {content:""; clear:both; display:block;}
.main_theme a {float:left; display:block; width:32%; margin-left:2%;}
.main_theme a > span {display:block;  width:100%; height:0; padding-bottom:37%; overflow:hidden;border:solid 1px #d2d3d4;}
.main_theme a:first-child {margin-left:0;}
.main_theme a:nth-child(4) {display:none;}

.comicbox {display:table; width:100%; border-bottom:1px solid #dfdfdf; cursor:pointer; padding:10px 0; }
.comicbox:first-child {border-top:0; padding:0;}
.comicbox:first-child .comic_photo a {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.comicbox:hover {border-color:#ee2c38; border-width:2px; margin-bottom:-1px;}

.comic_photo {display:table-cell; width:17.5%; min-width:80px; height:80px; vertical-align:top; overflow:hidden;}
.comic_photo a {overflow:hidden; display:block; height:0; padding-bottom:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.comic_photo img {width:100%;}

.comic_txt {display:table-cell; width:60%; padding-left:2.5%; vertical-align:middle;}
.comic_txt p {width:170px;}
.comic_txt a {display:block; /*width:200px;*/ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.comic_txt .comic_tit {color:#000; font-size:15px; font-size:0.9375rem; padding-top:5px;}
.comic_txt .comic_writer {color:#959595; font-size:14px; font-size:0.875rem;  padding-top:5px;}
.comic_txt .comic_genre {color:#eb1c28; font-size:12px; font-size:0.75rem;  padding-top:5px;}

.cbox_tit {font-size:14px; font-size:0.875rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.cbox_txt {padding:3px 0; line-height:1.2;}
.cbox_txt span {display:block;}
.cbox_txt span:first-child + span {color:#ff0a0a;}
.cbox_icon img {width:12%; max-width:34px; margin-left:-1px;}


.comic_num {display:table-cell; width:20%; font-size:32px; font-size:2rem; color:#000; text-align:center; vertical-align:middle;}


.main_topbox {overflow:hidden; width:100%; margin-bottom:5em; box-sizing:border-box;}
.main_topbox > div {width:102%;}/*수정 20161116*/
.main_topbox_inner {float:left; width:31.3%; font-size:0; margin-right:2%; margin-bottom:10px;}/*수정 20161116*/
.btn_sub_link {display:none;}

  .main_contbox .comicbox2 {overflow-x:auto; width:100%; margin-bottom:1em;white-space: nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden;}
    .main_contbox .comicbox2 ul {display:table; width:100%; table-layout:fixed; margin-left:-10px;}
    .main_contbox .comicbox2 li {float:none; display:table-cell; width:140px; padding-left:10px; border:0;}
    .main_contbox .comicbox2 li:last-child {}
    .main_contbox .comicbox2 li a {border-bottom:0; box-sizing:border-box;}
    .main_contbox .comicbox2 li div {box-sizing:border-box;}
    .main_contbox .comicbox2 .i_ribon {left:10px;}


.comicbox2 {overflow:hidden;  width:100%;}
.comicbox2 ul {width:101.5%;}
.comicbox2 ul:after {content:""; clear:both; display:block;}
.comicbox2 li {position:relative; float:left; width:23.5%; margin:0 1.5% 1.5% 0; cursor:pointer; border:1px solid #dcdcdc; box-sizing:border-box; background-color:#fff;}
.comicbox2 li a {overflow:hidden; display:block; width:100%; height:0; padding-bottom:140%;}
.comicbox2 li a img {display:block; width:100%; box-sizing:border-box;}
.comicbox2 li div {width:100%; font-size:0.8125rem; padding:12px; box-sizing:border-box;}
.comicbox2 li:hover {border-color:#ee2c38;}
.comicbox2.case li }
.main_tit .icon_tit {display:none;}
.comicbox2 li div.photo {position:relative; padding:0;}
.comicbox2 li div.box_ribbon_top {padding:0;}
.comicbox2 li div.box_ribbon {padding:6px 0 0; box-sizing:content-box;}

.box_ribbon {overflow:hidden; height:25px; padding-top:6px;}
.box_ribbon > i {margin-right:4px; margin-bottom:2px;}
.i_ribon2 {float:left; width:31px; padding:3px 0; font-size:10px; color:#fff; line-height:1; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} 
.i_ribon2.new {background-color:#ff0028;}
.i_ribon2.hot {background-color:#ff6600;}
.i_ribon2.free {background-color:#51990b;}
.i_ribon2.sale {background-color:#c00ac7;}
.i_ribon2.pay {width:53px; background-color:#3021ed;}


.main_topbox_tit {
    padding-bottom:13px;
    font-size:18px; font-size:1.125rem;
    color:#000;
}
.main_topbox_tit span {display:inline-block; padding:5px 15px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; font-size:14px; font-size:0.875rem; background-color:#ee2c38; color:#fff; font-weight:bold; line-height:1;}
.main_topbox_cont {border-left:1px solid #dadada; border-right:1px solid #dadada; border-top:1px solid #ee2c38; border-bottom:1px solid #ee2c38; background-color:#fff;}
.main_topbox_cont .comicbox:first-child {position:relative; color:#fff;}
.main_topbox_cont .comicbox:first-child .comic_photo {position:relative; display:block; width:100%; height:100%;}
.main_topbox_cont .comicbox:first-child .comic_photo a {padding-bottom:47%;}
.main_topbox_cont .comicbox:first-child .comic_photo a:after {
    content:"";
    position:absolute; left:0; top:0;
    width:100%; height:100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 3%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.55) 100%); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.55) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.55) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.main_topbox_cont .comicbox:first-child .comic_num {position:absolute; left:0; bottom:30px; width:20%; z-index:1; color:#fff;}
.main_topbox_cont .comicbox:first-child .comic_txt {position:absolute; left:20%; bottom:10px; width:80%; z-index:1;}
.main_topbox_cont .comicbox:first-child .comic_txt p {width:100%}
.main_topbox_cont .comicbox:first-child .comic_txt .c_tit {font-size:1rem; color:#fff;}
.main_topbox_cont .comicbox:first-child .comic_txt .c_txt {color:#fff;}
.main_topbox_cont .comicbox:first-child .comic_txt .c_txt2 {color:#fff;}
.i_ribon3 {position:absolute; display:block; vertical-align:middle; text-align:center; line-height:1;}
.i_ribon3.up {left:0; bottom:0; background-color:rgba(0,0,0,.8); padding:7px 0; width:100%; font-size:11px; color:#f6ff92;}
.i_ribon3.only {right:8px; top:8px; width:36px; height:36px; background-color:#ff0028; font-size:12px; color:#fff; line-height:36px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.i_ribon3.only:after {content:""; position:absolute; left:-5px; bottom:6px; width:10px; height:6px; background:url(/renewal/publish/images/bg_icon_ribbon_only.png) 0 0 no-repeat;}






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

    .main_contents {padding:0;}
    .main_contents .main_contbox {border-top:7px solid #e8e8e8; padding:0.5em 0.6875rem}
    .main_tit {position:relative; border-bottom:0; margin-bottom:0; padding-bottom:0;}
    .main_tit .icon_tit {position:absolute; left:0; top:0; overflow:hidden; display:inline-block; width:33px; height:33px; border:1px solid #f1f1f1; border-radius:50%; vertical-align:middle;}
    .main_tit .icon_tit img {width:100%;}
    .main_tit .t {display:block; padding-left:38px; padding-top:10px; min-height:23px; font-size:1rem;}


    .main_contbox .comicbox2 li div.box_ribbon {box-sizing:content-box; border:0;}
    .main_contbox .comicbox2 li div.t_info {padding:6px 0 0;}

    .comicbox3 li div.t_info {padding-top:6px; letter-spacing:-0.0625em;}

    .box_ribbon {height:15px;}
    .box_ribbon > i {margin-right:2px;}
    .i_ribon2 {font-size:0.6875rem; width:24px; padding:0; line-height:14px;}
    .i_ribon2.pay {width:46px;}

    .i_ribon3.up {padding:5px 0; font-size:0.6875rem;}
    .i_ribon3.only {width:24px; height:24px; line-height:24px; font-size:0.6875rem; right:4px; bottom:10px;}
    .i_ribon3.only:after {left:1px; bottom:-2px; background-size:5px auto;}


    .main_contbox:after {
        content:""; position:absolute; right:0; top:0; width:10%; height:100%;

        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }


    .mysbox_photo .i_ribon3.up {padding:2px 0;}
    .mysbox_photo .i_ribon3.up em {display:none;}

}

.swiper-slide a {display:block;}

/* news */
.mainWidget { margin-bottom:10px; background-color:#fff; border-bottom:1px solid #e0e0e0; }
.mainWidget .widgetHd   { position:relative; padding:20px 80px 15px 10px; }
.mainWidget .widgetHd h2    { font-size:17px; font-weight:normal; }
.mainWidget .widgetHd .moreList     { position:absolute; right:10px; top:20px; color:#78909C; font-size:14px; line-height:21px; }
.mainWidget .widgetHd .moreList i       { margin-bottom:2px; font-size:18px; vertical-align:middle; }
.mainWidget .widgetCont { padding-bottom:25px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:mandatory; }

/*.widgetCont:hover {border-color:#ee2c38;} */

.listBox    { padding:0px 10px; font-size:0; white-space:nowrap; }
.listBox *  { -webkit-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }
.listBox li { display:block; padding:10px 0px; border-bottom:1px solid #ddd; vertical-align:top; }

/*.listBox li:last-child  { border-bottom:none; }*/
.listBox li a.item  { position:relative; display:block; min-height:62px; padding:0px 0px 0px 100px; }
.listBox li a.item:hover    { text-decoration:none; }
.listBox li a.item .thumb   { position:absolute; left:0px; top:0px; width:90px; height:62px; border-radius:8px; background-color:#e0e0e0; overflow:hidden; }
.listBox li a.item .thumb img   { display:block; border-radius:8px; }
.listBox li a.item .subs    { display:block; }
.listBox li a.item .subs .title { display:block; color:#333; font-size:13px; line-height:1.4em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.listBox li a.item .subs .desc, .listBox li a.item .subs .genre, .listBox li a.item .subs .etc  {
    display:block;
    color:#78909C; font-size:12px; line-height:1.4em; white-space:nowrap;
    text-overflow:ellipsis; overflow:hidden;
}

/* sublist */

input[type=button], button {
  cursor:pointer;
  background:none;
  border:0;
  font-family:inherit;
  vertical-align:middle; 
 }

.newbtn {display:block; width:100%; text-align:center; background-color:#ee2c38; color:#fff; line-height:35px; margin-bottom:0.5rem; font-size:16px; font-size:1rem; -webkit-border-radius:5px; -moz-border-radius:5px;}
.newbtn.ty1 {background-color:#FFF; border:1px solid #dadada; color:#000; line-height:33px;}
.newbtn.ty2 {background-color:#e9e9e9; color:#000;}
.btn_s {display:inline-block; min-width:86px; text-align:center; border:1px solid #e2232a; color:#e2232a; font-size:0.875rem;  line-height:32px; line-height:2rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.btn_s.ty1 {min-width:100px; background-color:#e2232a; color:#fff; line-height:28px;}
.btn_s.ty2 {min-width:100px; background-color:#fff; color:#000; line-height:28px; border-color:#dadada;}
.btn_s2 {display:inline-block; min-width:100px; text-align:center; color:#fff; font-size:0.875rem; line-height:30px; background-color:#fb4919; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.newbtn:hover,
.btn_s:hover {text-decoration:none;}


.subcontbox {padding:30px 0 5%;}
.subcontbox:after {content:""; clear:both; display:block;}
.subcontbox_inner {display:table; width:100%; margin-bottom:65px; border:1px solid #cacaca; background-color:#fff;}
.scomic_img {position:relative; display:table-cell; width:67.5%; vertical-align:top;}
.scomic_img .pic span {overflow:hidden; display:block; height:0; padding-bottom:47%;}
.scomic_img .pic img {display:block; width:100%;}
.scomic_img .txt {position:absolute; top:0; left:0; width:100%; height:100%; min-height:100px;}
.scomic_img .txt .t_inner {position:absolute; bottom:0; width:94%; padding:15px 3%; background-color:rgba(0,0,0,0.5); color:#fff; font-size:13px; font-size:0.8125rem;}
.scomic_img .txt .t_inner .btn_s {margin-left:10px;}
.scomic_img .txt .t_inner p {display:inline-block;}
.scomic_img .txt .t_inner p em {color:#ffdb49;}
.scomic_img .txt .t_inner .link {float:right; line-height:30px;}
.scomic_img .txt .t_inner .link a {color:#fff; font-weight:bold; padding-left:10px; margin-left:10px; border-left:1px solid #fff;}
.scomic_img .txt .t_inner .link a:first-child {border-left:0; padding-left:0; margin-left:0;}

.scomic_img .txt .snsbox {position:relative; padding:3%; z-index:1;}
.scomic_img .txt .snsbox img {display:inline-block;}
/*20161122 수정*/
.icon_sale {position:absolute; right:3%; top:10px; width:78px; height:78px; background-color:#ee2c38; text-align:center; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.icon_sale span {display:block; font-weight:700; font-size:24px; padding-top:20px; margin-bottom:3px; letter-spacing:-0.0625em}
/*20161122 수정*/

.scomic_txt {position:relative; display:table-cell; width:32.5%; padding:20px 25px;}
.scomic_txt > div:first-child {/*min-height:330px;*/}

.s_tit {display:inline-block; font-size:18px; font-size:1.125rem; color:#000; padding-bottom:0.75rem; max-width:300px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.s_txt {padding-bottom:1em; font-size:12px; font-size:0.6875rem; color:#fff;}
.s_txt span {display:inline-block; margin-right:0.5em; background-color:#555; line-height:1.5; padding:0 10px; border-radius:0.6875rem;}
.s_txt2 {font-size:14px; font-size:0.875rem;}
.s_txt2 p {/*display:inline-block;*/ padding-top:10px; box-sizing:border-box; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-size:0.75rem;}
.s_txt2 p:after {/*content:""; display:block; clear:both;*/}
.s_txt2 p:first-child {margin-left:0;}
.s_txt2 p:first-child:after {
   /*content:","*/
}
.s_txt2 span {display:none; /*overflow:hidden; display:inline-block; margin-top:-6px; margin-left:-32px; vertical-align:top; width:28px; height:28px; margin-right:5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;*/}
.s_txt2 span img {vertical-align:top;}
.s_txt2 p a {color:#666;}
.s_txt2 p a:hover {text-decoration:underline;}


.scomic_txt_bottom {position:absolute; left:0; bottom:0; width:100%; padding:20px; box-sizing:border-box;}
.scomic_txt_bottom .btnbox {text-align:right;}
.btn_comic_play {display:inline-block; background:#ee2c38 url(/renewal/publish/images/icon_play.png) 30px center no-repeat; color:#fff; width:178px; line-height:50px; text-align:center; text-indent:20px;}

.scomic_link {width:67.5%; padding-top:20px; text-align:right;}
.scomic_link div:first-child {display:none;}
.scomic_link .sc_link_pic {overflow:hidden; display:inline-block; width:40px; height:40px; margin-right:5px; border-radius:50%; vertical-align:middle;}
.scomic_link a {display:inline-block; margin-left:0.5em; line-height:1.5; padding:0 10px; color:#757575; font-size:14px; font-size:0.8125rem;}
.scomic_link a.on {border-radius:0.6875rem; background-color:#fff; border:1px solid #ee2c38; border-radius:0.6875rem; color:#ee2c38;}


.subconlist {display:table; width:100%; border-top:1px solid #dadada;}
.scomic_list {display:table-cell; width:67.5%; vertical-align:top; position:relative;}
.scomic_list_inner {display:table; width:100%; border-bottom:1px solid #dadada;}
.scomic_list_num {display:table-cell; width:18%; vertical-align:middle; text-align:center; font-size:14px; font-size:0.875rem; color:#7c7c7c; font-weight:normal;}
.scomic_list_num span {display:block; font-size:36px; font-size:2.25rem; font-weight:bold; font-family:arial; color:#ddd; letter-spacing:-0.0625em; line-height:1.2;}
.scomic_list_num span.case {font-size:24px; font-size:1.5rem;}
.scomic_list_cont {display:table-cell; width:100%; padding:20px 30px 20px 0;}
.scomic_list_cont .sclist_pic {position:relative; display:table-cell; width:26%; vertical-align:middle;}
.scomic_list_cont .sclist_pic span {overflow:hidden; display:block; height:0; padding-bottom:47%;}
.scomic_list_cont .sclist_pic img {width:100%;}
.scomic_list_cont .sclist_txt {position:relative; display:table-cell; width:74%; padding-left:15px;  vertical-align:middle; line-height:1.2;}
.scomic_list_cont .sclist_txt .sclist_tit {color:#000; padding-right:0px;}
.scomic_list_cont .sclist_txt .sclist_tit em {display:none;}
.scomic_list_cont .sclist_txt .sclist_tit span {display:block; padding-top:3px; font-size:13px; font-size:0.8125rem; color:#828282;}
.scomic_list_cont .sclist_txt .sclist_stit {font-size:16px; font-size:1rem; color:#e2232a; font-weight:bold;}
.scomic_list_cont .sclist_txt .sclist_btn {
    position:absolute; right:0; top:20px; color:#000; width:25%; text-align:center; color:#fff; line-height:35px; font-size:16px; font-size:1rem; box-sizing:border-box;
    font-weight:700;
    background-color:#e2232a; /*background-image:url(/renewal/publish/images/icon_comic_coin.png); background-position:15px center; background-repeat:no-repeat;
    text-indent:20px;*/
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
}
.scomic_list_cont .sclist_txt .sclist_btn.ty1 {background:none; background-color:#f1f1f1; border:1px solid #dadada; color:#777; text-indent:0;}

.i_coin {display:inline-block; width:28px; height:28px; margin-right:10px; background:url(/renewal/publish/images/icon_comic_coin.png) 0 0 no-repeat; vertical-align:middle;}
.i_point {display:inline-block; width:28px; height:28px; margin-right:10px; background:url(/renewal/publish/images/icon_p.png) 0 0 no-repeat; vertical-align:middle;}
.i_new {display:inline-block; width:35px; height:17px; background-color:#ee2c38; color:#fff; text-align:center; font-size:0.75rem; line-height:17px; vertical-align:top; padding-bottom:1px;}

.scomic_infor {display:table-cell; width:32.5%; height:auto; padding:20px 25px; /*border-left:1px dotted #dadada; border-right:1px dotted #dadada;*/line-height:1.5;}
.scomic_infor > p:first-child {padding-bottom:1rem; font-size:16px; font-size:1rem; color:#000; font-weight:700;}
.scomic_infor > p {padding-bottom:30px; line-height:24px;}
/*.scomic_infor a {display:inline-block; margin-bottom:10px;} 20161115 삭제*/

/*작품상세*/
.scomic_img .txt {/*position:static;*/ min-height:auto;}
.scomic_img .txt .t_inner {position:static; width:100%; box-sizing:border-box;}
.scomic_img .txt .snsbox {position:absolute; top:0; width:94%;}
.scomic_list_cont .sclist_pic:after {
    content:"";
    position:absolute;
    left:5px; top:5px;
    width:18px; height:24px;
    background:url(/renewal/publish/images/icon_lock.png) 0 0 no-repeat;
}
.scomic_list_cont .sclist_pic.ty1:after {background:none;}

.scomic_list_cont .sclist_pic .sclist_stit {position:absolute; top:50%; margin-top:-7px; width:100%; text-align:center;}
.scomic_list_cont .sclist_pic .sclist_stit span {display:inline-block; height:14px; font-size:14px; font-size:0.875rem; padding:3px 5px; color:#fff; background-color:rgba(0,0,0,0.3); vertical-align:top; text-shadow:0  0 1px #000}

.scomic_list_ck {display:table-cell; width:18%; vertical-align:middle; text-align:center; font-size:14px; font-size:0.875rem; color:#7c7c7c; font-weight:normal;}
.inp_ck {display:inline-block; position:relative; z-index:1;}
.inp_ck label {position:relative; display:inline-block; cursor:pointer; padding-left:25px; height:22px; line-height:22px; color:#333; font-size:13px; font-size:0.8125rem; vertical-align:middle;}
.inp_ck input[type='checkbox'] {display:none;}
.inp_ck label:before {
    content: "";
    display: inline-block;
    position: absolute;
    left:0; top:0;
    width:20px; height:20px; border:1px solid #cdcdcd; background-color:#fff;
}
.inp_ck input[type='checkbox']:checked + label:before {
    border-color:#ee2c38; background:#FFF url(/renewal/publish/images/icon_mysbox_del.png) center center no-repeat;
    background-size:80% auto;
}

.scomic_infor_tab {padding-bottom:30px;}

.scomic_top {position:absolute; left:0; top:-50px; width:100%;}
.scomic_top .fl_l {float:left;}
.scomic_top .fl_r {float:right;}
.scomic_top .btn_s {margin-left:10px;}
.scomic_top p {display:inline-block; color:#555; padding-left:10px;}
.scomic_top p em {color:#ee2c38; font-weight:700;}
.scomic_top .link {float:right; line-height:30px;}
.scomic_top .link a {color:#666; font-weight:bold; padding-left:10px; margin-left:10px; border-left:1px solid #666;}
.scomic_top .link a:first-child {border-left:0; padding-left:0; margin-left:0;}

.scomic_buytotal {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:30px; background-color:#fff;}
.scomic_buytotal > div {float:right; line-height:30px;}
.scomic_buytotal > div:first-child {float:left; min-width:18%; text-align:center;}
.scomic_buytotal > div:first-child  .inp_ck {margin-left:50px;}
.scomic_buytotal div p {display:inline-block; vertical-align:middle;}
.scomic_buytotal .btn_s {border-radius:0; min-width:50px; padding:0 10px;}

.scomic_txt_bottom .btnbox {overflow:hidden;}
.scomic_txt_bottom .btnbox .btn {float:left; width:49%; margin:0; background-color:#e2232a; border-color:#e2232a; box-sizing:border-box;}
.scomic_txt_bottom .btnbox .btn:first-child {margin-right:2%; background-color:#FFF; color:#e2232a;}


/*20161116 추가*/
.scomic_list_inner {position:relative;}
.scomic_list_inner .bg_scomic {
    position:absolute; left:-1px; top:-1px; width:100%; height:100%; overflow:hidden; border:2px solid #e2232a; z-index:0;
    filter: alpha(opacity=0); opacity:0; zoom:1;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
.scomic_list_cont .sclist_txt .sclist_btn,
.scomic_list_cont .sclist_pic {z-index:1;}
.scomic_list_inner:hover .bg_scomic {filter: alpha(opacity=1); opacity:1; zoom:1;}

.icon_lastnum {position:absolute; top:0; right:220px; width:30px; height:60px; font-size:0; background:url(/images/icon_lastnum.png) 0 0 no-repeat; background-size:auto 100%;}
.t_dis {text-decoration:line-through; color:#f4bcbd;}

.slist {padding-bottom:1em;}
.slist .btn_s2 {margin-left:10px;}
.slist li {position:relative; padding-left:45px; font-size:12px; font-size:0.75rem; line-height:25px;}
.slist li:after {content:""; position:absolute; left:0; top:3px; width:40px; height:20px; background-image:url(/images/bg_slist.png); background-repeat:no-repeat;}
.slist li.s1:after {background-position:0 0px;} /*이어보기*/
.slist li.s2:after {background-position:0 -20px;} /*우측*/
.slist li.s3:after {background-position:0 -40px;} /*좌측*/
.slist li.s4:after {background-position:0 -60px;} /*아래*/
.slist li.s5:after {background-position:0 -80px;} /*일*/
.slist li.s6:after {background-position:0 -100px;} /*월*/
.slist li.s7:after {background-position:0 -120px;} /*화*/
.slist li.s8:after {background-position:0 -140px;} /*수*/
.slist li.s9:after {background-position:0 -160px;} /*목*/
.slist li.s10:after {background-position:0 -180px;} /*금*/
.slist li.s11:after {background-position:0 -200px;} /*토*/
.slist li.s12:after {background-position:0 -220px;} /*19*/
.slist li.s13:after {background-position:0 -240px;} /*무료*/
.slist li.s14:after {background-position:0 -260px;} /*all*/
.slist li.s15:after {background-position:0 -280px;} /*기타*/
.slist li.s16:after {background-position:0 -300px;} /*완결*/
.slist li .clcase {color:#2d2d2d; font-weight:bold;}



@media (max-width:1023px){

    .wrap {padding:0;}
    .mhide {display:none !important;}
    .mshow {display:block !important;}
    .subcontbox {padding:0;}
    .subcontbox_inner {border:0; margin-bottom:0;}
    .scomic_img {display:block; width:100%;}
    .scomic_img .pic {position:relative;}
    .scomic_img .pic span {height:auto; padding-bottom:0;}
    .scomic_img .txt:after {
        content:"";
        position:absolute; left:0; top:0; width:100%; height:100%;
        background:rgba(0,0,0,0.5)
    }

    .scomic_img .txt .snsbox {padding:0 3%; padding-top:10px;}
    .scomic_img .txt .snsbox img {width:24px;}
    .scomic_img .txt .snsbox .btn_fa {position:absolute; right:3%; top:10px; width:24px; height:24px; background:url(/renewal/publish/images/btn_fa.png) 0 0 no-repeat; background-size:100% auto;}
    .scomic_img .txt .snsbox .btn_fa.on {background-position:0 -24px;}

    /*20161122 수정*/
    .icon_sale {width:45px; height:45px; font-size:10px;}
    .icon_sale span {font-size:0.9375rem; padding-top:10px; margin-bottom:0;}
    /*20161122 수정*/

    .s_txt span {background:none;}

    .scomic_txt {display:block; width:100%; box-sizing:border-box; padding:0;}
    .scomic_txt > div:first-child {position:absolute; right:0; top:-80px; width:100%; min-height:auto; text-align:right;}
    .s_tit {font-size:1.125rem; font-weight:bold; color:#fff; padding:0 3% 3px; margin-bottom:13px;}
    .s_txt {padding:5px 3%;}
    .s_txt span {margin:0; padding:0;}
    .s_txt span:before {content:', '}
    .s_txt span:first-child:before {content:''}
    .s_txt2 {position:absolute; /*right:3%;*/ top:24px; color:#fff; width:100%; padding-top:0;}
    .s_txt2 p {width:auto; padding-top:0; margin-top:0; padding-bottom:0; text-align:left; display:inline-block; padding-left:0;}
    .s_txt2 p .dip{ display:none !important; }
    .s_txt2 p a {color:#fff; padding-left:3px; border-left:1px solid rgba(255,255,255,0.2);}
    .s_txt2 p:first-child a {border-left:0;} 
    .s_txt2 span {margin-right:0; display:none;}

    .s_txt3 {position:absolute; right:3%; top:24px; color:#fff; width:100%; padding-top:0;}
    .s_txt3 p {width:auto; padding-top:0; margin-top:0; padding-bottom:0; text-align:left; display:none; padding-left:0;}
    .s_txt3 p a {color:#fff; padding-left:3px; border-left:1px solid rgba(255,255,255,0.2);}
    .s_txt3 p:first-child a {border-left:0;} 
    .s_txt3 span {margin-right:0; display:none;}

    .slist li {font-size:0.75rem; line-height:25px;}
    .slist li:after {content:""; position:absolute; left:0; top:2px; width:40px; height:20px; background-image:url(/renewal/publish/images/bg_slist@2.png); background-size:40px; background-repeat:no-repeat; background-repeat:no-repeat;}
    .slist li.s1:after {background-position:0 0px;} /*이어보기*/
    .slist li.s2:after {background-position:0 -20px;} /*우측*/
    .slist li.s3:after {background-position:0 -40px;} /*좌측*/
    .slist li.s4:after {background-position:0 -60px;} /*아래*/
    .slist li.s5:after {background-position:0 -80px;} /*일*/
    .slist li.s6:after {background-position:0 -100px;} /*월*/
    .slist li.s7:after {background-position:0 -120px;} /*화*/
    .slist li.s8:after {background-position:0 -140px;} /*수*/
    .slist li.s9:after {background-position:0 -160px;} /*목*/
    .slist li.s10:after {background-position:0 -180px;} /*금*/
    .slist li.s11:after {background-position:0 -200px;} /*토*/
    .slist li.s12:after {background-position:0 -220px;} /*19*/
    .slist li.s13:after {background-position:0 -240px;} /*무료*/
    .slist li.s14:after {background-position:0 -260px;} /*all*/
    .slist li.s15:after {background-position:0 -280px;} /*기타*/
    .slist li.s16:after {background-position:0 -300px;} /*완결*/


    .scomic_link {display:table; width:92%; padding-top:0; padding:0.5rem 4%; background-color:#fff;}
    .scomic_link div:first-child {display:table-cell; text-align:left;}
    .scomic_link a {border-left:1px solid #b7b7b7 !important; line-height:0.8; padding:0; padding-left:5px; margin-left:5px; font-size:0.875rem;}
    .scomic_link a.on {border:0; border-radius:0;}
    .scomic_link a:first-child {border-left:0 !important;}

    .scomic_txt_bottom {position:static; padding:2% 0.6875rem 0;}
    .slist {padding-bottom:2%;}


    .scomic_infor , .scomic_list_num {display:none !important;}
    .scomic_list {display:block; width:100%; padding:10px 0 5%; /*background-color:#eff1f4;*/} /*20161116 변경{display:block; width:90%; padding:5%;} */
    .scomic_list .i_ribon {width:50px;}

    /* */
    .scomic_list .sselect {text-align:right; margin-bottom:0.5em;}
    .sselect select {border-width:2px; background:#fff url(/renewal/publish/images/bg_select2.png) 93% center no-repeat; background-size:9px auto;}

    .scomic_list_inner {margin-bottom:0; border-bottom:1px solid #cfcfcf;}/* 20161116 변경{margin-bottom:0.6875rem; border:1px solid #ededed; border-bottom:1px solid #dadada;}*/
    .scomic_list_cont {background-color:#000; padding:0.6875rem; width:100%; display:table; box-sizing:border-box;} /*20161213추가 width:100%; display:table;*/
    .scomic_list_cont .sclist_pic {width:45%; vertical-align:top;}/*20161116 변경 {display:block; width:100%;}*/
    .scomic_list_cont .sclist_txt {overflow:hidden; width:55%; padding:0 5px;}
    .scomic_list_cont .sclist_txt .sclist_tit {display:inline-block; float:none; padding-right:60px; font-size:0.9375rem; line-height:1.2;}
    .scomic_list_cont .sclist_txt .sclist_tit em {display:inline-block; margin-right:3px;}
    .scomic_list_cont .sclist_txt .sclist_coin {position:static; float:right;}
    .scomic_list_cont .sclist_txt .sclist_coin .i_coin {width:0.875rem; height:0.875rem; margin-right:3px; background-size:cover; vertical-align:top;}

    .scomic_list_cont .sclist_txt .sclist_btn {top:50%; margin-top:-18px; width:60px; height:35px; line-height:35px; font-size:0.8125rem; /*padding-left:15px;*/ background-size:10px auto; background-position:10px center; text-indent:0;}/* 20161116 변경*/
    /* 20161116 변경.scomic_list_cont .sclist_txt .sclist_btn {top:auto; bottom:0; width:70px; height:40px; line-height:40px; font-size:0.8125rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-left:15px; background-size:13px auto; background-position:10px center; text-indent:0;}*/
    .scomic_list_cont .sclist_txt .sclist_btn.ty1 {line-height:35px; box-sizing:border-box; padding-left:0;}
    .scomic_list_cont .sclist_txt .sclist_stit {/*20161116 삭제position:absolute; bottom:1px; left:80px;*/ padding-top:3px; font-size:0.75rem;}


    .cont_view {min-height:400px; line-height:1.5; font-size:0.875rem; padding-bottom:10%;}
    .cont_view .tit2 {text-align:left;}

    /*20161116 추가*/
    .subconlist.case {padding-top:0; border-top:0;}
    .subconlist.case .scomic_list {padding-top:0;}
    .scomic_txt_bottom .btnbox {margin-bottom:1rem;}
    .scomic_txt_bottom .btnbox .btn {line-height:35px; font-size:0.9375rem;}
    .scomic_list_cont .sclist_txt .sclist_tit span {font-size:0.6875rem;}

    .scomin_top {overflow:hidden; padding:0 3% 10px;}
    .scomin_top .btn_s {line-height:25px; font-size:0.75rem; min-width:90px;}
    .scomin_top .btn_s.ty2.on {background-color:#f1f1f1;}
    .scomin_top .fl_r {float:right;}
    .scomin_top .fl_l {float:left;}
    .scomin_top .i_array {display:inline-block; padding-left:20px; background:url(/renewal/publish/images/icon_array.png) 0 center no-repeat; background-size:auto 12px;}

    .bg_scomic {display:none;}
    .icon_lastnum {width:20px; height:40px; right:auto; left:45%; margin-left:-16px;z-index:10;}

    .scomic_top {position:static; overflow:hidden; padding:0 0.6875rem 10px; box-sizing:border-box;}
    .scomic_top p {padding-left:0;}
    .scomic_top .btn_s {margin-left:0;}


    .scomic_buytotal {width:100%; height:40px; padding-left:0.6875rem; padding-top:15px; background-color:#eff1f4; font-size:0.75rem; text-align:left; box-sizing:border-box;}
    .scomic_buytotal > div {float:none; display:inline-block;  line-height:15px; text-align:left;}
    .scomic_buytotal > div:first-child {float:none; width:15px; min-width:auto; text-align:left;}
    .scomic_buytotal > div:first-child  .inp_ck {margin-left:0;}
    .scomic_buytotal .btn_s {line-height:20px; min-width:25px; font-size:0.6875rem;}

    
    .scomic_list_ck {background-color:#FFF; width:15px; text-align:left; padding-left:0.6875rem;}
    .inp_ck label {padding-left:20px; line-height:15px; height:15px; font-size:0; vertical-align:top;}
    .inp_ck label:before {width:15px; height:15px;}


    .slist li {font-size:0.75rem; line-height:25px;}
  .slist li:after {content:""; position:absolute; left:0; top:2px; width:40px; height:20px; background-image:url(/images/bg_slist@2.png); background-size:40px; background-repeat:no-repeat; background-repeat:no-repeat;}
  .slist li.s1:after {background-position:0 0px;} /*이어보기*/
  .slist li.s2:after {background-position:0 -20px;} /*우측*/
  .slist li.s3:after {background-position:0 -40px;} /*좌측*/
  .slist li.s4:after {background-position:0 -60px;} /*아래*/
  .slist li.s5:after {background-position:0 -80px;} /*일*/
  .slist li.s6:after {background-position:0 -100px;} /*월*/
  .slist li.s7:after {background-position:0 -120px;} /*화*/
  .slist li.s8:after {background-position:0 -140px;} /*수*/
  .slist li.s9:after {background-position:0 -160px;} /*목*/
  .slist li.s10:after {background-position:0 -180px;} /*금*/
  .slist li.s11:after {background-position:0 -200px;} /*토*/
  .slist li.s12:after {background-position:0 -220px;} /*19*/
  .slist li.s13:after {background-position:0 -240px;} /*무료*/
  .slist li.s14:after {background-position:0 -260px;} /*all*/
  .slist li.s15:after {background-position:0 -280px;} /*기타*/
  .slist li.s16:after {background-position:0 -300px;} /*완결*/



  }




}

/* 랭킹 */
.mys_inner {width:102%;}

.myslistWrap.ranking {}

.main_contents2 .mysbox.rank1 {}
.mysbox.rank1 {width:48%; box-sizing:border-box;}
.mysbox.rank1 .mysbox_num {width:51px; height:59px; font-size:1rem; line-height:45px; bottom:124px; background:url(/images/bg_num_on.png) 0 0 no-repeat; background-size:100% auto;}
.mysbox.rank1 .mysbox_txt {margin:20px 0; height:140px; }
.mysbox.rank1 .mysbox_txt .c_tit {font-size:16px; font-size:1rem; padding-bottom:10px;}
.mysbox.rank1 .mysbox_txt .c_txt {padding-bottom:5px;}
.mysbox.rank1 .mysbox_txt .clcase {padding-top:5px;}
.mysbox.rank1 .i_ribon {width:80px; height:80px;}

.main_contents2 .mysbox:hover {border-color:#ee2c38;}


.myslistWrap.small.ranking {}
.myslistWrap.small.ranking .mysbox_num {display:none;}
.myslistWrap.small.ranking .mysbox_txt { padding-right:12px;}


.main_contents2 {padding-bottom:5%;}
.main_contents2.case {}
.main_contents2 .mysbox {border:1px solid #dee0e3; box-sizing:border-box; background-color:#fff;}
.main_contents2 .mysbox_txt { padding:0 12px;}
.main_contents2 .mysbox .i_ribon_m {display:none;} 
.myslistWrap {overflow:hidden; width:100%;}

.myslistWrap.small {border-top:0;}

.mys_tit {font-size:18px; font-size:1.125rem; color:#545454; padding-bottom:1.5em; font-weight:700;}
.mys_tit.case {position:relative;}
.mys_tit.case .tit_tx2 {position:absolute; right:0;}

.mys_inner {width:102%;}
.mysbox {position: relative; float:left; width:23%; margin:0 2% 2% 0; cursor:pointer; box-sizing:border-box;}

.mysbox_txt {position: relative;  margin:12px 0; padding-right:26px; font-size:14px; font-size:0.875rem; line-height:1.2; color:#959595;}
.mysbox_txt p {}

.mysbox_num {bottom:44px; width:31px; height:38px; background-size:31px; line-height:26px; font-size:12px; font-size:0.75rem;}
.mysbox.rank1 .mysbox_num {bottom:117px;}
.mysbox_num {position:absolute; right:5%; bottom:19px; z-index:1; width:41px; height:48px; line-height:36px; text-align:center; background:url(/images/bg_num_off.png) 0 0 no-repeat; color:#fff;}

.mysbox_photo {overflow:hidden; position:relative; float:none; width:100%; height:0; padding-bottom:140%; border:0;}
.mysbox_photo img {display:block; width:100%;}
.mysbox_photo .a {display:block;}
.mysbox_photo .b {display:none;}

.mystudy_titbox {/}

.mysbox_num {position:absolute; right:5%; bottom:19px; z-index:1; width:41px; height:48px; line-height:36px; text-align:center; background:url(/images/bg_num_off.png) 0 0 no-repeat; color:#fff;}

.c_tit { font-size:15px; font-size:0.9375rem; color:#191919; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-weight:700;}
.c_txt {padding-top:6px;  font-size:12px; font-size:0.75rem; line-height:1; color:#808080; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.c_txt2 {padding-top:6px; height:13px; height:1.3rem; font-size:11px; font-size:0.6875rem; /*color:#e2232a;*/ color:#808080; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

@media (max-width:1023px){

.mysbox {float:left; width:30.33%;}
.c_tit {  font-size:0.8375rem  }
}


.moviesub-mobile{

    text-align:left;
}

.moviesub-mobile .list1{

      display: inline-block;
      margin-right: 0.5em;
      background-color: #ee2c38;
      line-height: 1.3;
      padding: 0 10px; 
      color:white;font-weight: 700;
}

.moviesub-mobile .list2div{

    margin-top:1.0em;
  }

  .moviesub-mobile .list2div .normalspan{

      display: inline-block;
      margin-right: 0.5em;
      background-color: #ee2c38;
      line-height: 1.5;
      padding: 0 10px; 
      border-radius: 0.6875rem;
      color:white;
      font-weight: 700;
}

  .moviesub-mobile .list2div .contentspan{

     margin-top:2.0em;
     margin-right: 0.5em;
     background-color: #ee2c38;
     line-height: 1.5;
     padding: 0 10px;
      border-radius: 0.6875rem;
      color:white;font-weight: 700
}



 .moviesub-mobile .list2div p{

     display:inline-block;
     font-size: 12px;
     font-weight: 700
}

 .moviesub-mobile .list2div .content{

     margin-top:1.5em;
     font-weight: 700;
     line-height:20px;
}

 .moviesub .normalspan{

      margin-right: 0.5em;
      background-color: #ee2c38;
      line-height: 1.5;
      padding: 0 10px; 
      border-radius: 0.6875rem;
      color:white;
      font-weight: 700;
}

 .moviesub .list1{

      display: inline-block;
      margin-right: 0.5em;
      background-color: #ee2c38;
      line-height: 1.3;
      padding: 0 10px; 
      color:white;font-weight: 700;
}

.moviesub .list2div{

    margin-top:1.0em;
  }

  .moviesub- .list2div .normalspan{

      display: inline-block;
      margin-right: 0.5em;
      background-color: #ee2c38;
      line-height: 1.5;
      padding: 0 10px; 
      border-radius: 0.6875rem;
      color:white;
      font-weight: 700;
}

  .moviesub .list2div .contentspan{

     margin-top:2.0em;
     margin-right: 0.5em;
     background-color: #ee2c38;
     line-height: 1.5;
     padding: 0 10px;
      border-radius: 0.6875rem;
      color:white;font-weight: 700
}



 .moviesub .list2div p{

     display:inline-block;
     font-size: 12px;
     font-weight: 700
}

 .moviesub .list2div .content{

     margin-top:1.5em;
     font-weight: 700;
     line-height:20px;
}