/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */
/* Account for fixed navbar */
/* Finesse the page header spacing */
.page-header {
  margin-bottom: 30px; }

.page-header .lead {
  margin-bottom: 10px; }

/* Non-responsive overrides
 *
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */
/* Reset the container */
.container {
  width: 980px; }

/* Demonstrate the grids */
.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0; }

/* Always float the navbar header */
.navbar-header {
  float: left; }

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important; }

.navbar-toggle {
  display: none; }

.navbar-brand {
  margin-left: -15px; }

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0; }

.navbar-nav > li {
  float: left; }

.navbar-nav > li > a {
  padding: 15px; }

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right; }

/* Undo custom dropdowns */
.navbar .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.navbar .open .dropdown-menu > li > a {
  color: #333; }

.navbar .open .dropdown-menu > li > a:hover,
.navbar .open .dropdown-menu > li > a:focus,
.navbar .open .dropdown-menu > .active > a,
.navbar .open .dropdown-menu > .active > a:hover,
.navbar .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important; }

.navbar .open .dropdown-menu > .disabled > a,
.navbar .open .dropdown-menu > .disabled > a:hover,
.navbar .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important; }

@charset "UTF-8";
/* parameter Color */
/* mixin */
*:focus {
  outline: none !important; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div, p, span, ul, li, h1, h2, form, ul, li, dl, dt, dd, fieldset, input {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none; }

html {
  margin: 0;
  padding: 0;
  font-size: 1em; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  color: #444;
  background-color: #fff; }
  body#en {
    font-family: "Helvetica Neue", "Helvetica", "Apple SD Gothic Neo", "Malgun Gothic", "Arial", sans-serif; }
  body#ko {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Arial", sans-serif; }
  body.emptyBase {
    background: url('https://production-static.ondemandkorea.com/img/bgEmptyPattern.png?fa06a8698ad9') center 55px repeat-x;
    background-size: 90% 90%;
    background-color: #c3c7d2; }
    body.emptyBase .emptyBaseWrap {
      width: 100%;
      height: 100%;
      min-width: 980px;
      background: url('https://production-static.ondemandkorea.com/img/bgEmptyBase.jpg?fa06a8698ad9') no-repeat;
      background-size: 90% 90%;
      background-position: center 55px; }
      body.emptyBase .emptyBaseWrap.benefit {
        background-position: center 272px; }

a {
  outline: none !important;
  color: #444; }
  a:hover, a:active {
    color: #3ebf11;
    text-decoration: none; }
  a:link, a:visited, a:focus {
    text-decoration: none; }

input[type=text] {
  margin: 0;
  padding: 0 10px;
  border: solid 1px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  input[type=text]:focus {
    outline: none;
    border-color: #aaa; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 24px; }
  input[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') 0 0 no-repeat;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(68, 68, 68, 0.5); }
  input[type=checkbox]:checked + label::before {
    line-height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') -16px 0 no-repeat;
    background-color: #fff; }

input[type=submit] {
  -webkit-appearance: button;
  border: none;
  cursor: pointer; }

input[type=radio] {
  display: none; }
  input[type=radio] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 24px; }
  input[type=radio] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') -32px 0 no-repeat;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(68, 68, 68, 0.5); }
  input[type=radio]:checked + label::before {
    line-height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') -48px 0 no-repeat;
    background-color: #fff; }

.container {
  margin: 0 auto;
  padding: 0;
  width: 980px !important;
  clear: both; }
  .container img.headerImg {
    margin-top: 5px;
    padding: 0;
    width: 980px;
    height: 100%;
    display: block; }

.containerOver {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both; }

.btnDefault {
  position: relative;
  margin: 0 8px;
  padding: 0 20px;
  min-width: 160px;
  height: 39px;
  line-height: 40px;
  font-size: 1.25em;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 0; }
  .btnDefault::before, .btnDefault::after {
    content: '';
    position: absolute;
    top: 0;
    width: 8px;
    height: 39px; }
  .btnDefault:hover {
    color: #fff;
    text-decoration: none; }
  .btnDefault.confirm {
    background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -40px repeat-x; }
    .btnDefault.confirm::before {
      left: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') -2px 0 no-repeat; }
    .btnDefault.confirm::after {
      right: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -80px no-repeat; }
  .btnDefault.negative {
    background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -160px repeat-x; }
    .btnDefault.negative::before {
      left: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') -2px -120px no-repeat; }
    .btnDefault.negative::after {
      right: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -200px no-repeat; }

.btnDefault2x {
  position: relative;
  margin: 0 15px;
  padding: 0 5px;
  min-width: 320px;
  height: 74px;
  line-height: 72px;
  font-size: 1.75em;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 0; }
  .btnDefault2x::before, .btnDefault2x::after {
    content: '';
    position: absolute;
    top: 0;
    width: 15px;
    height: 74px; }
  .btnDefault2x:hover {
    color: #fff;
    text-decoration: none; }
  .btnDefault2x.confirm {
    background: url('https://production-static.ondemandkorea.com/img/buttons2x.png?fa06a8698ad9') 0 -74px repeat-x; }
    .btnDefault2x.confirm::before {
      left: -15px;
      background: url('https://production-static.ondemandkorea.com/img/buttons2x.png?fa06a8698ad9') 0 0 no-repeat; }
    .btnDefault2x.confirm::after {
      right: -15px;
      background: url('https://production-static.ondemandkorea.com/img/buttons2x.png?fa06a8698ad9') -17px 0 no-repeat; }

.hidden {
  display: none; }

.ls {
  float: left; }

.rs {
  float: right; }

.clear {
  clear: both; }

.p20 {
  padding: 20px 0; }

.bgGray {
  background-color: rgba(68, 68, 68, 0.05); }

.floatBanner {
  position: fixed;
  z-index: 99;
  overflow: hidden;
  width: 150px;
  height: 320px;
  white-space: nowrap; }
  .floatBanner.left {
    margin-left: -155px;
    top: 110px; }
  .floatBanner.right {
    margin-left: 985px;
    top: 110px; }
  .floatBanner.rightBottom {
    margin-left: 985px;
    top: 435px; }

.banner_728x90 {
  margin: 30px auto;
  width: 728px;
  height: 90px;
  overflow: hidden;
  background-image: url('https://production-static.ondemandkorea.com/img/sponsor.jpg?fa06a8698ad9');
  clear: both; }

.banner_300x250 {
  margin: 0 auto;
  width: 300px;
  height: 250px;
  overflow: hidden;
  background-image: url('https://production-static.ondemandkorea.com/img/sponsor_300x250.jpg?fa06a8698ad9');
  clear: both; }

.fb-alert-msg {
  padding: 8px 16px;
  color: #ff5d5d;
  background-color: rgba(255, 93, 93, 0.07);
  border: 1px solid #ff5d5d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px; }
  .fb-alert-msg.with-login {
    margin-top: 8px;
    width: 251px; }

.iconWrap {
  position: relative;
  width: 24px;
  height: 24px; }
  .iconWrap.ls {
    float: left;
    display: inline-block; }
  .iconWrap.rs {
    float: right;
    display: inline-block; }
  .iconWrap .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 24px;
    max-height: 24px;
    vertical-align: middle; }
    .iconWrap .img {
      display: inline-block;
      width: 24px;
      height: 24px;
      background: url('https://production-static.ondemandkorea.com/img/icons_24pd_1x.png?fa06a8698ad9') no-repeat; }
    .iconWrap .img.language {
      background-position: 0 -48px; }
    .iconWrap .img.language.white {
      background-position: -24px -48px; }
    .iconWrap .img.expandMore {
      background-position: 0 -72px; }
    .iconWrap .img.expandMore.white {
      background-position: -24px -72px; }
    .iconWrap .img.closedCaption {
      background-position: 0 -96px; }
    .iconWrap .img.closedCaption.white {
      background-position: -24px -96px; }
    .iconWrap .img.notice {
      background-position: 0 -120px; }
    .iconWrap .img.notice.white {
      background-position: -24px -120px; }

.paymentMethod {
  position: relative;
  margin: 0 1px;
  width: 54px;
  height: 34px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(68, 68, 68, 0.1);
  overflow: hidden; }
  .paymentMethod.ls {
    float: left;
    display: inline-block; }
  .paymentMethod.rs {
    float: right;
    display: inline-block; }
  .paymentMethod .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 54px;
    max-height: 34px; }
    .paymentMethod .img {
      display: inline-block;
      width: 54px;
      height: 34px;
      background: url('https://production-static.ondemandkorea.com/img/paymentMethod.png?fa06a8698ad9') no-repeat; }
    .paymentMethod .img.visa {
      background-position: 0 0; }
    .paymentMethod .img.master {
      background-position: -54px 0; }
    .paymentMethod .img.amex {
      background-position: -109px 0; }
  .paymentMethod.paypal {
    width: 82px;
    height: 34px;
    display: inline-block;
    background: url('https://production-static.ondemandkorea.com/img/paymentMethod.png?fa06a8698ad9') -162px 0 no-repeat;
    border: none; }

.odkPlusBadge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 58px;
  height: 14px;
  display: block;
  overflow: hidden;
  background: url('https://production-static.ondemandkorea.com/img/content/ic_odkplus.gif?f841e5e47d65') no-repeat;
  text-indent: -999px; }

.iosSlider-outer-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%; }
  .iosSlider-outer-container .iosSlider.watched {
    margin-bottom: 20px;
    height: 142px; }

.ios-container {
  width: 100%;
  height: 100%; }

.iosSlider {
  width: 100%; }
  .iosSlider .slider {
    width: 100%; }
    .iosSlider .slider .item {
      float: left;
      overflow: hidden;
      width: 596px; }
      .iosSlider .slider .item img {
        width: 100%;
        height: 100%; }
      .iosSlider .slider .item .ep_date img {
        background-color: transparent !important; }
  .iosSlider .PrevSelector, .iosSlider .NextSelector {
    cursor: pointer; }

.ios-container:hover .next::after, .ios-container:hover .prev::after {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.ios-container .next, .ios-container .prev {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  position: absolute;
  top: 1px;
  width: 28px;
  height: 236px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5); }
  .ios-container .next.clip, .ios-container .prev.clip {
    height: 100px !important; }
  .ios-container .next.kpop, .ios-container .next.popular_kpop, .ios-container .prev.kpop, .ios-container .prev.popular_kpop {
    height: 94px !important; }
  .ios-container .next.recently_added_artist, .ios-container .prev.recently_added_artist {
    height: 166px !important; }
  .ios-container .next.clips, .ios-container .prev.clips {
    height: calc(100% - 84px); }
  .ios-container .next::after, .ios-container .prev::after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    content: "";
    display: block;
    width: 28px;
    height: 28px; }
  .ios-container .next:hover, .ios-container .prev:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }

.ios-container .next {
  right: 0; }
  .ios-container .next::after {
    background: url('https://production-static.ondemandkorea.com/img/ico-slider-assets.png?cef93f7ac1fa') 0 0 no-repeat; }
  .ios-container .next:hover::after {
    background-position: 0 -56px; }
  .ios-container .next.recently_added_artist {
    right: 3px;
    top: 0;
    background: url('https://production-static.ondemandkorea.com/img/kpop/btn-carousel-artist.png?f23c667f3443') 0 -166px no-repeat !important; }
    .ios-container .next.recently_added_artist:hover {
      opacity: 0.5; }

.ios-container .prev {
  left: 0; }
  .ios-container .prev::after {
    background: url('https://production-static.ondemandkorea.com/img/ico-slider-assets.png?cef93f7ac1fa') 0 -28px no-repeat; }
  .ios-container .prev:hover::after {
    background-position: 0 -84px; }
  .ios-container .prev.recently_added_artist {
    left: 1px;
    top: 0;
    background: url('https://production-static.ondemandkorea.com/img/kpop/btn-carousel-artist.png?f23c667f3443') 0 0 no-repeat !important; }
    .ios-container .prev.recently_added_artist:hover {
      opacity: 0.5; }

/*
========================================================================================= iosslider clips rows:4 cols:5 items */
.contents.clips .ios-container {
  width: 100%; }

.contents.clips .iosSlider {
  width: 100%;
  height: 732px;
  margin: 0 auto; }

.contents.clips .iosSlider .slider {
  width: 100%;
  height: 732px; }

.contents.clips .iosSlider .slider .item {
  float: left;
  width: 980px;
  overflow: hidden; }

.contents.clips .iosSlider .slider .item .cliprow {
  float: left;
  width: 100%;
  height: 150px;
  overflow: hidden; }

.contents.clips .iosSlider .slider .item .cliprow a:hover {
  color: #fb9922; }

.contents.clips .iosSlider .slider .item .entry {
  float: left;
  width: 201px;
  display: inline; }

.contents.clips .iosSlider .slider .item .last_entry {
  float: left;
  width: 175px;
  display: inline; }

.contents.clips .iosSlider .slider .item a {
  height: 150px;
  display: block; }

.contents.clips .iosSlider .slider .item a:hover {
  color: #fb9922; }

.contents.clips .iosSlider .slider .item img {
  width: 175px;
  height: 100px;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #cccccc; }

.contents.clip .iosSlider {
  width: 100%;
  height: 150px;
  margin: 0 auto; }

/*
========================================================================================= iosslider Contents 5 items */
.contents .ios-container {
  width: 100%; }

.contents .iosSlider {
  width: 100%;
  height: 278px;
  margin: 0 auto; }

.contents .iosSlider .slider {
  width: 100%;
  height: 238px; }

.contents .iosSlider .slider .item {
  float: left;
  width: 980px;
  overflow: hidden; }

.contents .iosSlider .slider .item .entry {
  display: inline;
  float: left;
  width: 203px; }

.contents .iosSlider .slider .item .entry.last,
.contents .iosSlider .slider .item .last {
  display: inline;
  float: left;
  width: 168px; }

.contents .iosSlider .slider .item img {
  width: 168px;
  height: 238px;
  /*height: auto;*/
  background-color: #ffffff;
  border: 1px solid #cccccc; }

.contents .iosSlider .slider .ep_title {
  overflow: hidden;
  height: 20px;
  min-height: 20px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
  margin-top: 5px;
  font-weight: bold; }

/*
========================================================================================= iosslider Contents 5 items 1 row clips */
.contents-1row .ios-container {
  width: 100%; }

.contents-1row .iosSlider {
  width: 100%;
  height: 150px;
  margin: 0 auto; }

.contents-1row .iosSlider .slider {
  width: 100%;
  height: 150px; }

.contents-1row .iosSlider .slider .item {
  float: left;
  width: 980px;
  overflow: hidden; }

.contents-1row .iosSlider .slider .item .entry {
  display: inline;
  float: left;
  width: 201px; }

.contents-1row .iosSlider .slider .item .last_entry {
  display: inline;
  float: left;
  width: 175px; }

.contents-1row .iosSlider .slider .item img {
  width: 175px;
  height: 100px;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #cccccc; }

.contents-1row .iosSlider .slider .ep_title {
  overflow: hidden;
  height: 20px;
  min-height: 20px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
  margin-top: 8px; }

#playerMasthed {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  overflow: hidden; }
  #playerMasthed.kpop {
    margin-top: -20px; }
    #playerMasthed.kpop div.side-odk-contents {
      margin: 4px 0 0 4px;
      padding: 10px 12px;
      width: 276px;
      height: 390px;
      background-color: #FAFAFA;
      border: 1px solid #F0F0F0; }
      #playerMasthed.kpop div.side-odk-contents div.side-odk-header {
        margin: 0;
        padding: 0;
        height: 26px;
        clear: both; }
        #playerMasthed.kpop div.side-odk-contents div.side-odk-header > .title {
          float: left;
          display: block;
          width: 70%;
          font-size: 15px;
          font-weight: 500;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          color: #373737; }
        #playerMasthed.kpop div.side-odk-contents div.side-odk-header > .link-view-more {
          float: right;
          display: block;
          width: 30%;
          font-size: 14px;
          color: #919191;
          text-align: right; }
          #playerMasthed.kpop div.side-odk-contents div.side-odk-header > .link-view-more::after {
            content: ' >'; }
      #playerMasthed.kpop div.side-odk-contents ul.side-odk-list {
        margin: 0;
        padding: 0;
        list-style-type: none; }
        #playerMasthed.kpop div.side-odk-contents ul.side-odk-list li.item {
          margin-bottom: 12px;
          padding: 0;
          display: block;
          width: 100%;
          height: 76px;
          clear: both; }
          #playerMasthed.kpop div.side-odk-contents ul.side-odk-list li.item:last-child {
            margin-bottom: 0; }
          #playerMasthed.kpop div.side-odk-contents ul.side-odk-list li.item p.thumbnail {
            float: left;
            margin-right: 10px;
            width: 134px;
            height: 76px;
            background-color: #EEEEEE;
            overflow: hidden; }
            #playerMasthed.kpop div.side-odk-contents ul.side-odk-list li.item p.thumbnail > img {
              width: auto;
              height: 76px; }
          #playerMasthed.kpop div.side-odk-contents ul.side-odk-list li.item div.content-info > .title {
            font-size: 12px;
            font-weight: 500;
            color: #373737; }
          #playerMasthed.kpop div.side-odk-contents ul.side-odk-list li.item div.content-info > .airdate {
            font-size: 11px;
            color: #767676; }
  #playerMasthed .inner {
    width: 900px;
    height: 506px;
    background-color: #000;
    margin: 0 auto;
    position: relative;
    left: 30px; }

div#player {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  height: 394px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  div#player #odk_player_container {
    margin: 0;
    padding: 0;
    width: 700px;
    height: 394px;
    background-color: #000; }
  div#player #odk_player {
    width: 700px; }
    div#player #odk_player #videoWrapper {
      width: 700px;
      height: 394px;
      background: #000;
      position: absolute;
      z-index: 1; }
      div#player #odk_player #videoWrapper #contentElement {
        width: 700px;
        height: 394px;
        overflow: hidden;
        z-index: 10; }
    div#player #odk_player #play_button_div {
      width: 700px;
      height: 394px;
      position: absolute;
      z-index: 5; }
      div#player #odk_player #play_button_div img {
        left: 300px;
        top: 147px;
        position: absolute; }
    div#player #odk_player #errorMessage {
      width: 700px;
      height: 394px;
      padding: 157px 0px;
      line-height: 20px;
      text-align: center; }
  div#player div.playerScreen {
    position: relative;
    margin: 0;
    padding: 0;
    width: 700px;
    height: 394px; }
    div#player div.playerScreen .membershipOnlyMsg {
      text-align: center; }
      div#player div.playerScreen .membershipOnlyMsg .title {
        display: block;
        margin: 92px auto 27px;
        padding: 0;
        height: 27px;
        font-size: 1.4em;
        color: rgba(255, 255, 255, 0.6); }
      div#player div.playerScreen .membershipOnlyMsg .description {
        display: block;
        margin: 20px auto 38px;
        padding: 0;
        height: 43px;
        line-height: 1.3em;
        font-size: 1.1em;
        color: #fff; }
      div#player div.playerScreen .membershipOnlyMsg .btnDefault2x {
        display: block;
        margin: 0 auto;
        width: 400px; }
      div#player div.playerScreen .membershipOnlyMsg .link {
        margin: 0 auto;
        padding: 0;
        color: #fff; }
        div#player div.playerScreen .membershipOnlyMsg .link a {
          color: #3ebf11; }
    div#player div.playerScreen .reqFlashMsg {
      position: absolute;
      z-index: 20;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      display: none;
      font-size: 1.3em;
      text-align: center;
      color: #fff; }
      div#player div.playerScreen .reqFlashMsg > a {
        font-weight: bold;
        color: #fb9922; }
  div#player div.player_ads {
    margin: 0;
    padding: 5px 7px;
    width: 280px;
    height: 394px;
    background-color: #393939; }
    div#player div.player_ads .side_ads {
      margin-bottom: 5px; }
    div#player div.player_ads:last-child {
      margin-bottom: 0; }

div.blocked-ppv-container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFFFFF; }
  div.blocked-ppv-container .blocked-ppv-title {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    height: 120px; }
    div.blocked-ppv-container .blocked-ppv-title > i {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      font-size: 28px;
      font-weight: 500;
      font-style: normal;
      line-height: 30px; }
  div.blocked-ppv-container .blocked-ppv-button {
    margin: 20px auto 25px;
    width: 300px;
    height: 51px;
    font-size: 18px;
    line-height: 51px;
    color: #FFFFFF;
    background-color: #3c1fd1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  div.blocked-ppv-container .blocked-ppv-msg {
    margin: 0 auto;
    width: 90%;
    font-size: 16px;
    line-height: 20px; }
    div.blocked-ppv-container .blocked-ppv-msg > span {
      color: #3ebf11; }
  div.blocked-ppv-container .blocked-ppv-note {
    margin: 15px auto 0;
    width: 90%;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px; }
    div.blocked-ppv-container .blocked-ppv-note > a {
      color: #999999;
      text-decoration: underline; }

div.playerUnderNotice {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: none;
  justify-content: center;
  margin: 0 auto;
  padding: 7px 0;
  width: 980px;
  font-size: 13px;
  background-color: #1f1f1f;
  color: #a0a0a0; }
  div.playerUnderNotice img.ico-help {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 18px; }
  div.playerUnderNotice .btnDownload {
    display: inline-block;
    width: 95px;
    height: 18px;
    position: relative;
    margin-left: 5px; }
    div.playerUnderNotice .btnDownload a {
      font-weight: 600;
      color: #3ebf11; }
      div.playerUnderNotice .btnDownload a:hover {
        text-decoration: underline; }

div.kpopTitleWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  div.kpopTitleWrap .artist-thumbnail {
    margin: 17px 14px 0 0;
    padding: 0;
    width: 47px;
    height: 47px;
    background-color: #EEEEEE;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    div.kpopTitleWrap .artist-thumbnail img {
      display: block;
      width: 47px;
      height: 47px; }
  div.kpopTitleWrap .title-episode {
    margin: 17px 0 0;
    padding: 0;
    width: 639px; }
    div.kpopTitleWrap .title-episode > .title {
      font-size: 16px;
      font-weight: bold;
      color: #444;
      line-height: 20px; }
    div.kpopTitleWrap .title-episode > .description {
      font-size: 14px;
      color: #424242;
      line-height: 18px; }
  div.kpopTitleWrap .functions {
    margin: 0;
    padding: 0;
    width: 280px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    div.kpopTitleWrap .functions > a {
      display: inline-block;
      margin: 5px 3px 0 0; }
    div.kpopTitleWrap .functions .fb-share-button {
      display: inline-block;
      margin: 18px 0 0 5px; }
    div.kpopTitleWrap .functions .btn-link-copy {
      display: inline-block;
      margin: 18px 0 0 7px;
      width: 69px;
      height: 20px;
      background: url('https://production-static.ondemandkorea.com/img/btn_link_copy.png?fa06a8698ad9');
      border: none;
      cursor: pointer; }

.episode_infos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 16px auto 36px;
  width: 980px; }
  .episode_infos .episode_title {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4;
    color: #444; }
  .episode_infos .episode_subtitle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 20px;
    padding-bottom: 5px;
    font-size: 1rem;
    font-weight: bold;
    color: #555; }
    .episode_infos .episode_subtitle::before {
      content: "";
      margin-right: 8px;
      display: inline-block;
      width: 4px;
      height: 24px;
      background-color: #37B713; }
  .episode_infos .episode_desc01 {
    font-size: 0.9rem;
    font-weight: 500;
    color: #636363; }
  .episode_infos .episode_desc02 {
    padding-top: 5px;
    font-size: 0.85rem;
    color: #636363; }
  .episode_infos .episode_tags {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline;
    padding-top: 20px;
    font-size: 0.75rem;
    color: #919191; }
    .episode_infos .episode_tags > span {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      flex-grow: 0;
      flex-shrink: 0;
      margin-right: 7px;
      width: 44px;
      display: inline-block;
      background-color: #BCBCBC;
      text-align: center;
      color: #FFF; }
  .episode_infos .player_banner_300x250 {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 20px;
    width: 300px;
    height: 250px;
    overflow: hidden;
    background: url('https://production-static.ondemandkorea.com/images/ads-sponsor-300x250.jpg?fa06a8698ad9') center center no-repeat; }
    .episode_infos .player_banner_300x250 div {
      width: 300px;
      height: 250px; }
    .episode_infos .player_banner_300x250 #LR_companion {
      display: none; }

div.episodeTitleWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  div.episodeTitleWrap .title {
    margin: 17px 0 45px;
    padding: 0;
    width: 700px;
    height: 20px;
    line-height: 25px;
    font-size: 20px;
    font-weight: 500;
    color: #444; }
    div.episodeTitleWrap .title span {
      margin-left: 1px;
      display: inline-block;
      width: 58px;
      height: 14px;
      background: url('https://production-static.ondemandkorea.com/img/content/ic_odkplus.gif?f841e5e47d65') no-repeat; }
    div.episodeTitleWrap .title span#remaining_time_txt {
      background: none;
      color: #777777; }
    div.episodeTitleWrap .title #remaining_time_txt > span {
      margin-left: 1px;
      display: inline-block;
      color: #3ebf11;
      background: none;
      width: auto; }
  div.episodeTitleWrap .title-episode {
    margin: 17px 0 0;
    padding: 0;
    width: 700px;
    height: 20px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #444; }
  div.episodeTitleWrap .functions {
    margin: 0;
    padding: 0;
    width: 280px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    div.episodeTitleWrap .functions > a {
      display: inline-block;
      margin: 5px 3px 0 0; }
    div.episodeTitleWrap .functions .fb-share-button {
      display: inline-block;
      margin: 18px 0 0 5px; }
    div.episodeTitleWrap .functions .btn-link-copy {
      display: inline-block;
      margin: 18px 0 0 7px;
      width: 69px;
      height: 20px;
      background: url('https://production-static.ondemandkorea.com/img/btn_link_copy.png?fa06a8698ad9');
      border: none;
      cursor: pointer; }

.synopsisWrap > .title, .episodeWrap > .title, .newUpdateWrap > .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 16px;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #555; }
  .synopsisWrap > .title::before, .episodeWrap > .title::before, .newUpdateWrap > .title::before {
    content: "";
    margin-right: 8px;
    display: inline-block;
    width: 4px;
    height: 24px;
    background-color: #37B713; }

.episodeWrap, .newUpdateWrap {
  margin: 0 auto 20px; }

div.synopsisWrap {
  margin: 21px auto 22px;
  padding: 0; }
  div.synopsisWrap .synopHeader01 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #636363; }
  div.synopsisWrap .synopHeader02 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #636363; }
  div.synopsisWrap .synopContent {
    padding-bottom: 20px;
    font-size: 13px;
    color: #636363;
    border-bottom: 1px solid #E2E2E2; }
  div.synopsisWrap .kpopContent {
    padding-bottom: 20px;
    font-size: 14px;
    color: #636363; }

div.newUpdateWrap {
  padding-top: 23px;
  border-top: 1px solid #E2E2E2; }

div.episodeListWrap {
  margin: 0 auto 27px;
  padding: 0;
  width: 980px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start; }
  div.episodeListWrap .movie {
    width: 197px;
    border-right: 1px solid #e3e3e3; }
    div.episodeListWrap .movie > .title {
      margin-bottom: 5px;
      padding: 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 23px;
      color: #444444; }
    div.episodeListWrap .movie .thumbnail {
      position: relative; }
      div.episodeListWrap .movie .thumbnail .nowOnPlay {
        position: absolute;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(43, 43, 43, 0.6); }
        div.episodeListWrap .movie .thumbnail .nowOnPlay::before {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          content: '';
          display: block;
          width: 69px;
          height: 69px;
          background: url('https://production-static.ondemandkorea.com/img/nowOnPlay.png?fa06a8698ad9') 0 0 no-repeat; }
        div.episodeListWrap .movie .thumbnail .nowOnPlay:hover::before {
          background-position: 0 -69px; }
  div.episodeListWrap .trailer {
    padding-left: 29px;
    width: calc(100% - 196px); }
    div.episodeListWrap .trailer > .title {
      margin-bottom: 5px;
      padding: 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 23px;
      color: #444444; }

div.episodeInfoWrap {
  margin: 27px auto 19px;
  padding: 19px 0 27px;
  width: 980px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2; }
  div.episodeInfoWrap > .title {
    margin-bottom: 12px;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #444444; }
  div.episodeInfoWrap > .row {
    margin: 0 0 4px 0;
    padding: 0;
    width: 100%;
    font-size: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start; }
    div.episodeInfoWrap > .row .title {
      margin: 0;
      padding: 0;
      width: 119px;
      font-weight: bold;
      line-height: 1.5em;
      color: rgba(68, 68, 68, 0.5); }
    div.episodeInfoWrap > .row .description {
      margin: 0;
      padding: 0;
      width: calc(100% - 120px);
      line-height: 1.5em; }

div.latestMovieWrap {
  margin: 0 auto;
  padding: 0;
  width: 980px; }
  div.latestMovieWrap > .title {
    margin-bottom: 11px;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #444444; }

ul.mediaList {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: row; }

.movieItem, .portraitItem {
  position: relative;
  margin: 0 35px 20px 0;
  padding: 0;
  width: 168px;
  background-color: #fff;
  overflow: hidden; }
  .movieItem:nth-child(5n), .portraitItem:nth-child(5n) {
    margin-right: 0; }
  .movieItem .thumbnail > img, .portraitItem .thumbnail > img {
    width: 168px;
    height: auto;
    display: block; }
  .movieItem .title, .portraitItem .title {
    margin-top: 8px;
    padding: 0;
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000; }
  .movieItem .info, .portraitItem .info {
    margin-top: 4px;
    padding: 0;
    width: 100%;
    font-size: 13px;
    color: #727272; }
    .movieItem .info > p, .portraitItem .info > p {
      margin: 0;
      padding: 0;
      font-size: 0.85em;
      line-height: 1.5em;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      .movieItem .info > p .runningTime, .portraitItem .info > p .runningTime {
        margin-right: -2px; }
        .movieItem .info > p .runningTime::before, .portraitItem .info > p .runningTime::before {
          content: "|";
          margin: 0 5px; }
        .movieItem .info > p .runningTime::after, .portraitItem .info > p .runningTime::after {
          content: "min"; }
      .movieItem .info > p .ageRatingDesc, .portraitItem .info > p .ageRatingDesc {
        margin-right: 5px; }
        .movieItem .info > p .ageRatingDesc::before, .portraitItem .info > p .ageRatingDesc::before {
          content: "|";
          margin: 0 5px; }
  .movieItem .star, .portraitItem .star {
    min-height: 14px; }

.trailerItem {
  position: relative;
  margin-right: 10px;
  padding: 0;
  width: 175px;
  overflow: hidden; }
  .trailerItem .title {
    margin: 0;
    padding: 0;
    font-weight: bold; }

.warning_btn {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14.5px;
  background: #1d1d1d;
  border: solid #ffffff 1px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle; }

.warning_btn:hover {
  color: #3ebf11;
  border: solid #3ebf11 1px;
  text-decoration: none; }

div.banner.player_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  div.banner.player_overlay img {
    width: 300px;
    height: 250px; }

.jw-login-icon-ko {
  background: no-repeat 50% 50%;
  background-size: contain;
  max-height: 24px;
  width: 60px !important;
  background-image: url("https://production-static.ondemandkorea.com/images/player/login_ko_idle.svg?fa06a8698ad9"); }

.jw-login-icon-ko:hover {
  background: no-repeat 50% 50%;
  background-size: contain;
  max-height: 24px;
  width: 60px !important;
  background-image: url("https://production-static.ondemandkorea.com/images/player/login_ko_hover.svg?fa06a8698ad9"); }

.jw-login-icon-en {
  background: no-repeat 50% 50%;
  background-size: contain;
  max-height: 24px;
  width: 60px !important;
  background-image: url("https://production-static.ondemandkorea.com/images/player/login_en_idle.svg?fa06a8698ad9"); }

.jw-login-icon-en:hover {
  background: no-repeat 50% 50%;
  background-size: contain;
  max-height: 24px;
  width: 60px !important;
  background-image: url("https://production-static.ondemandkorea.com/images/player/login_en_hover.svg?fa06a8698ad9"); }

.k-pop-promotion {
  margin-top: -30px !important;
  height: 319px;
  overflow: hidden;
  background-color: rgba(68, 68, 68, 0.1); }
  .k-pop-promotion > .iosSlider-outer-container {
    position: relative;
    margin: 0;
    padding: 0;
    width: 980px;
    height: 319px; }
    .k-pop-promotion > .iosSlider-outer-container .iosSlider.banner {
      margin: 0;
      padding: 0;
      width: 980px; }
      .k-pop-promotion > .iosSlider-outer-container .iosSlider.banner .item {
        margin: 0;
        padding: 0;
        width: 980px;
        height: 319px; }
        .k-pop-promotion > .iosSlider-outer-container .iosSlider.banner .item img {
          width: 980px;
          height: auto; }
    .k-pop-promotion > .iosSlider-outer-container .slider .item .entry {
      position: relative; }
    .k-pop-promotion > .iosSlider-outer-container .PrevSelector, .k-pop-promotion > .iosSlider-outer-container .NextSelector {
      top: 143px !important;
      width: 42px;
      height: 42px;
      opacity: 0.3;
      filter: alpha(opacity=30); }
      .k-pop-promotion > .iosSlider-outer-container .PrevSelector:hover, .k-pop-promotion > .iosSlider-outer-container .NextSelector:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
    .k-pop-promotion > .iosSlider-outer-container .PrevSelector {
      left: 13px !important;
      background: url('https://production-static.ondemandkorea.com/img/slider.png?fa06a8698ad9') 0 0 no-repeat !important; }
    .k-pop-promotion > .iosSlider-outer-container .NextSelector {
      right: 13px !important;
      background: url('https://production-static.ondemandkorea.com/img/slider.png?fa06a8698ad9') 0 -42px no-repeat !important; }
    .k-pop-promotion > .iosSlider-outer-container > .slideSelectorWarp {
      position: relative;
      z-index: 1;
      bottom: 21px;
      overflow: hidden;
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: transparent; }
      .k-pop-promotion > .iosSlider-outer-container > .slideSelectorWarp .slideSelectors {
        position: relative;
        z-index: 2;
        margin: 0 auto;
        max-width: 100%;
        min-width: 60px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center; }
        .k-pop-promotion > .iosSlider-outer-container > .slideSelectorWarp .slideSelectors .item {
          margin: 0 7px;
          width: 8px;
          height: 8px;
          background-color: white;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          box-shadow: none;
          cursor: pointer; }
          .k-pop-promotion > .iosSlider-outer-container > .slideSelectorWarp .slideSelectors .item.selected {
            background-color: #3ebf11; }

.artistInfoWrap {
  position: relative;
  margin-top: -20px;
  padding: 0;
  width: 980px;
  height: 319px;
  background-color: rgba(0, 0, 0, 0.05);
  overflow: hidden; }
  .artistInfoWrap::after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://production-static.ondemandkorea.com/img/kpop/bg-overlay-promotion.png?e3a433ef2c60') no-repeat; }
  .artistInfoWrap > .artistName {
    position: absolute;
    z-index: 11;
    bottom: 34px;
    left: 51px;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: -0.29px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
  .artistInfoWrap > img {
    width: 980px;
    height: 319px;
    display: block; }

.odkContentsContainer {
  margin: 0;
  padding: 0;
  width: 988px;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: row; }
  .odkContentsContainer > li.item {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 0;
    width: 239px !important;
    height: 270px;
    background: #FAFAFA;
    border: 1px solid #E5E5E5;
    overflow: hidden; }
    .odkContentsContainer > li.item > a {
      width: 100%;
      height: 100%;
      display: block; }
    .odkContentsContainer > li.item p.thumbnail-wrapper {
      position: relative;
      margin: 0 auto;
      width: 239px;
      height: 133px;
      overflow: hidden;
      background-color: #E5E5E5; }
      .odkContentsContainer > li.item p.thumbnail-wrapper img.thumbnail {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        height: 138px;
        width: auto;
        display: block; }
    .odkContentsContainer > li.item p.title {
      padding: 13px 20px 3px;
      font-size: 13px;
      font-weight: 500;
      color: #3D3D3D;
      line-height: 16px;
      display: block;
      overflow: hidden; }
      .odkContentsContainer > li.item p.title.page {
        white-space: nowrap;
        text-overflow: ellipsis; }
      .odkContentsContainer > li.item p.title.post {
        max-height: 80px; }
    .odkContentsContainer > li.item p.content {
      display: block;
      margin: 0 20px;
      width: 12.313rem;
      font-size: 12px;
      color: #727272;
      border: none; }
    .odkContentsContainer > li.item p.airdate {
      padding: 0 20px;
      font-size: 12px;
      color: #727272;
      line-height: 21px; }
    .odkContentsContainer > li.item .subtitleLabelIcon {
      padding: 0 20px 3px; }
    .odkContentsContainer > li.item .more-content {
      padding: 0 20px;
      font-weight: bold;
      font-size: 13px;
      color: #3D3D3D;
      line-height: 21px; }
      .odkContentsContainer > li.item .more-content::after {
        content: ' >'; }
    .odkContentsContainer > li.item:hover p.title {
      color: #3EBF12; }

.sliderHeader {
  margin: 24px 0 12px;
  padding: 0;
  width: 100%;
  height: 24px;
  font-family: 'Helvetica Neue', sans-serif; }
  .sliderHeader > .title {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    color: #444444; }
  .sliderHeader > .desc {
    display: inline-block;
    margin-left: 3px;
    padding: 0;
    font-size: 12px;
    color: #525252; }
  .sliderHeader > a.more-contents {
    float: right;
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    color: #555555;
    text-align: right; }

.iosSlider-outer-container .kpop, .iosSlider-outer-container .play_it_again {
  height: 168px; }
  .iosSlider-outer-container .kpop .entry > a > img, .iosSlider-outer-container .play_it_again .entry > a > img {
    display: block;
    width: 166px;
    height: auto !important; }
  .iosSlider-outer-container .kpop .next, .iosSlider-outer-container .kpop .prev, .iosSlider-outer-container .play_it_again .next, .iosSlider-outer-container .play_it_again .prev {
    height: 94px !important; }

.iosSlider-outer-container .recently_added_artist {
  height: 220px; }
  .iosSlider-outer-container .recently_added_artist .entry[data-category='recently_added_artist'] > a > img {
    display: block;
    width: 166px;
    height: 166px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .iosSlider-outer-container .recently_added_artist .next, .iosSlider-outer-container .recently_added_artist .prev {
    height: 166px !important; }
  .iosSlider-outer-container .recently_added_artist .ep_title {
    padding-top: 10px;
    width: 166px !important;
    height: auto !important;
    text-align: center; }
  .iosSlider-outer-container .recently_added_artist .ep_date {
    display: none; }

.listHeader {
  margin-bottom: 14px;
  padding: 0;
  width: 100%;
  height: 42px; }
  .listHeader > .title {
    display: inline-block;
    padding: 0;
    line-height: 42px;
    font-size: 21px;
    font-weight: 500;
    color: #444444; }
  .listHeader > .desc {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    color: #8C8C8C; }
  .listHeader div.sortSubtitles {
    float: right;
    display: block; }
    .listHeader div.sortSubtitles ul.nav-tabs.mainSort {
      float: left;
      display: block;
      margin: 0;
      padding: 0;
      border: none; }
      .listHeader div.sortSubtitles ul.nav-tabs.mainSort li {
        float: left;
        display: block;
        margin: 0;
        padding: 0; }
        .listHeader div.sortSubtitles ul.nav-tabs.mainSort li:first-child > a {
          background: none; }
        .listHeader div.sortSubtitles ul.nav-tabs.mainSort li.active a {
          height: 49px;
          color: #444;
          border-bottom: 5px solid #3ebf11; }
          .listHeader div.sortSubtitles ul.nav-tabs.mainSort li.active a:hover {
            border-color: #3ebf11; }
        .listHeader div.sortSubtitles ul.nav-tabs.mainSort li a {
          display: block;
          margin: 0;
          padding: 0 1em;
          height: 49px;
          line-height: 49px;
          font-size: 1.25em;
          font-weight: bold;
          color: rgba(68, 68, 68, 0.5);
          background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') 0 -98px no-repeat; }
          .listHeader div.sortSubtitles ul.nav-tabs.mainSort li a:hover {
            color: #444;
            border-bottom: 5px solid #3ebf11; }
          .listHeader div.sortSubtitles ul.nav-tabs.mainSort li a:focus {
            color: #444; }
    .listHeader div.sortSubtitles div.subtitles, .listHeader div.sortSubtitles div.countries {
      position: relative;
      float: left;
      margin-left: 10px;
      padding: 0;
      width: 166px;
      cursor: pointer; }
      .listHeader div.sortSubtitles div.subtitles .btn, .listHeader div.sortSubtitles div.countries .btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        color: rgba(68, 68, 68, 0.5); }
        .listHeader div.sortSubtitles div.subtitles .btn > i, .listHeader div.sortSubtitles div.countries .btn > i {
          margin-right: 3px; }
      .listHeader div.sortSubtitles div.subtitles .dropdown-menu, .listHeader div.sortSubtitles div.countries .dropdown-menu {
        margin-top: -1px;
        padding: 0; }
        .listHeader div.sortSubtitles div.subtitles .dropdown-menu > a, .listHeader div.sortSubtitles div.countries .dropdown-menu > a {
          display: block;
          margin: 0;
          padding: 5px 7px;
          width: 164px;
          font-size: 1em;
          font-weight: normal;
          border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }
          .listHeader div.sortSubtitles div.subtitles .dropdown-menu > a:last-child, .listHeader div.sortSubtitles div.countries .dropdown-menu > a:last-child {
            border: none; }
          .listHeader div.sortSubtitles div.subtitles .dropdown-menu > a:hover, .listHeader div.sortSubtitles div.countries .dropdown-menu > a:hover {
            color: #fff;
            background-color: #3ebf11; }
          .listHeader div.sortSubtitles div.subtitles .dropdown-menu > a.selectd, .listHeader div.sortSubtitles div.countries .dropdown-menu > a.selectd {
            background-color: rgba(68, 68, 68, 0.3); }
  .listHeader ul.sortBox {
    float: right;
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .listHeader ul.sortBox li {
      float: left;
      display: block;
      height: 42px; }
      .listHeader ul.sortBox li:first-child > a {
        background: none; }
      .listHeader ul.sortBox li a {
        display: block;
        padding: 0 1rem;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        color: #444;
        background: url('https://production-static.ondemandkorea.com/img/line-sort-guide.png?cef93f7ac1fa') left center no-repeat; }
        .listHeader ul.sortBox li a.selected {
          font-weight: bold;
          color: #3ebf11; }
  .listHeader.details {
    margin-top: 30px;
    height: 50px;
    border-bottom: 1px dotted #E0E0E0; }

.artistsList {
  margin: 0;
  padding: 0;
  width: 1008.75px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .artistsList .artistItem {
    margin: 0 28.75px 56px 0 !important; }

.artistItem {
  margin: 0;
  padding: 0;
  display: block;
  width: 173px !important; }
  .artistItem .artistThumbnailWrap {
    margin: 0;
    padding: 0;
    width: 173px;
    height: 173px;
    overflow: hidden;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(128, 128, 128, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .artistItem img.artistThumbnail {
    width: 173px;
    height: auto; }
  .artistItem p.artistName {
    margin: 0;
    padding-top: 20px;
    width: 173px;
    font-size: 16px;
    text-align: center; }

.kpopItem .title {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px; }

.iosSlider-outer-container.mainPromotion {
  position: relative;
  float: left;
  margin-top: 5px;
  padding: 0;
  width: 596px;
  height: 436px;
  border: 1px solid rgba(68, 68, 68, 0.15); }

.iosSlider-outer-container .mainbanner {
  position: relative;
  width: 596px;
  height: 436px; }

.iosSlider-outer-container .slider .item .entry {
  position: relative; }

.slideSelectorWarp {
  position: relative;
  z-index: 1;
  bottom: 28px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.3); }
  .slideSelectorWarp .slideSelectors {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 200px;
    min-width: 60px;
    height: 28px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center; }
    .slideSelectorWarp .slideSelectors .item {
      margin: 10px 5px 0;
      width: 9px;
      height: 9px;
      background-color: white;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      box-shadow: none;
      cursor: pointer; }
      .slideSelectorWarp .slideSelectors .item.selected {
        background-color: red; }

.schedule-outer-container {
  position: relative;
  float: right;
  overflow: hidden;
  margin-top: 5px;
  padding: 0;
  width: 379px;
  height: 436px;
  border: 1px solid rgba(68, 68, 68, 0.15);
  background-color: #fff; }
  .schedule-outer-container ul.nav {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 38px;
    background-color: rgba(68, 68, 68, 0.05); }
    .schedule-outer-container ul.nav li {
      margin: 0;
      padding: 0;
      height: 38px;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-right: 1px solid rgba(68, 68, 68, 0.1); }
      .schedule-outer-container ul.nav li a {
        display: block;
        margin: 0;
        padding: 2px 0 0;
        height: 39px;
        line-height: 1.25em;
        text-align: center;
        color: rgba(68, 68, 68, 0.5); }
        .schedule-outer-container ul.nav li a:hover {
          margin: 0;
          padding: 2px 0 0;
          color: #444;
          border: 1px solid transparent; }
        .schedule-outer-container ul.nav li a.active {
          margin: -1px -1px 0;
          padding: 2px 0 0;
          font-weight: bold;
          color: #3ebf11;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          border-radius: 0; }
          .schedule-outer-container ul.nav li a.active:hover {
            margin: -1px 0 0; }
      .schedule-outer-container ul.nav li:first-child a {
        border-left: none; }
      .schedule-outer-container ul.nav li:last-child {
        border: none; }
        .schedule-outer-container ul.nav li:last-child a {
          border-right: none; }

.container.contents > h2 {
  margin-bottom: 10px; }

.iosSlider.contents.hot, .iosSlider.contents.drama, .iosSlider.contents.variety, .iosSlider.contents.doc, .iosSlider.contents.life {
  height: 297px !important; }

.iosSlider.contents.popular_kpop {
  height: 150px; }
  .iosSlider.contents.popular_kpop .entry a > img {
    display: block;
    width: 168px;
    height: 96px; }

.progress {
  position: absolute;
  left: 1px;
  top: 95px;
  width: 173px;
  height: 4px;
  background-color: #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .progress .progress-bar-success {
    height: 0.3rem;
    background-color: #2eb300; }

.home-secondary-banner {
  margin-top: 5px; }
  .home-secondary-banner img {
    width: 980px;
    height: auto;
    border: 1px solid rgba(68, 68, 68, 0.15); }

ul.container.themes-list {
  margin: 20px auto;
  padding: 0;
  list-style-type: none;
  width: 980px;
  height: 165px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between; }
  ul.container.themes-list > li {
    float: left;
    display: block;
    margin-right: 0.859rem;
    width: 185px; }
    ul.container.themes-list > li:nth-child(5n) {
      margin-right: 0; }
    ul.container.themes-list > li img {
      width: 185px;
      height: auto; }

.schedule-table-detail ul#schedule-detail-tab {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  justify-content: space-around;
  background-color: #f4f4f4; }
  .schedule-table-detail ul#schedule-detail-tab > li.nav-item {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 64px; }
    .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link {
      position: relative;
      display: block;
      margin: 0;
      padding: 12px 0;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #828282;
      border-right: 1px dotted rgba(68, 68, 68, 0.15);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link:hover {
        color: #404040;
        border-bottom: transparent; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.active {
        color: #fff;
        background-color: #7eb631;
        border: transparent; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.today {
        color: #61a600; }
        .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.today:hover {
          color: #4f8800; }
        .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.today.active {
          color: #fff;
          background-color: #7eb631; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.upcoming {
        color: #f78900; }
        .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.upcoming:hover {
          color: #ff6c00; }
        .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link.upcoming.active {
          color: #fff;
          background-color: #ffa22a; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link .scheduleWeek {
        font-size: 1.2em;
        font-weight: bold; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link .scheduleDate {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 1em; }
      .schedule-table-detail ul#schedule-detail-tab > li.nav-item > a.nav-link .upcomingPointer {
        position: absolute;
        top: 16px;
        left: 34px;
        width: 16px;
        height: 16px; }
    .schedule-table-detail ul#schedule-detail-tab > li.nav-item:last-child a {
      border: none; }

.schedule-table-detail div.schedule-tab .tab-pane {
  margin: 0;
  padding: 0;
  width: 100%; }
  .schedule-table-detail div.schedule-tab .tab-pane.today {
    color: #61a600; }
  .schedule-table-detail div.schedule-tab .tab-pane.upcoming {
    color: #f78900; }

.schedule-table-detail div.schedule-tab .title-container {
  margin: 30px auto 0;
  padding: 0;
  width: 980px;
  clear: both; }
  .schedule-table-detail div.schedule-tab .title-container > .title {
    float: left;
    display: block;
    margin-right: 5px;
    padding: 0;
    height: 20px;
    font-size: 1.75em;
    font-weight: bold;
    color: inherit; }
  .schedule-table-detail div.schedule-tab .title-container > .date {
    float: left;
    display: block;
    margin: 0;
    font-size: 1.2em;
    color: inherit;
    line-height: 2.2em; }
    .schedule-table-detail div.schedule-tab .title-container > .date:before {
      content: "|";
      font-weight: bold; }
  .schedule-table-detail div.schedule-tab .title-container > .notice {
    float: left;
    display: block;
    position: relative;
    margin-left: 10px;
    padding: 0 5px;
    width: 640px;
    height: 32px;
    line-height: 32px;
    background-color: #fff3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #f4dfbf; }
    .schedule-table-detail div.schedule-tab .title-container > .notice .material-icons {
      margin-top: 4px; }
      .schedule-table-detail div.schedule-tab .title-container > .notice .material-icons.ls {
        margin-right: 5px; }
    .schedule-table-detail div.schedule-tab .title-container > .notice a {
      color: #f78900; }

.schedule-table-detail div.schedule-tab .content-container {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  height: auto;
  min-height: 100px;
  background-color: #fff; }
  .schedule-table-detail div.schedule-tab .content-container > div {
    margin: 0;
    padding: 0; }
    .schedule-table-detail div.schedule-tab .content-container > div > .category {
      clear: both;
      margin: 0;
      padding-top: 10px;
      border-top: 1px dotted rgba(68, 68, 68, 0.2);
      color: #444; }
      .schedule-table-detail div.schedule-tab .content-container > div > .category .title {
        margin: 10px 0;
        font-size: 1.25em;
        font-weight: bold; }
        .schedule-table-detail div.schedule-tab .content-container > div > .category .title a {
          color: inherit; }
      .schedule-table-detail div.schedule-tab .content-container > div > .category .category-content {
        clear: both;
        width: 100%;
        height: auto;
        font-size: 1.2em; }
        .schedule-table-detail div.schedule-tab .content-container > div > .category .category-content .ep {
          margin-right: 26.25px; }
        .schedule-table-detail div.schedule-tab .content-container > div > .category .category-content .coming-soon {
          position: absolute;
          font-size: 1.25em;
          width: 175px;
          height: 100px;
          background-color: #444;
          opacity: 0.6; }
        .schedule-table-detail div.schedule-tab .content-container > div > .category .category-content .coming-soon-title {
          position: absolute;
          font-size: 13px;
          left: 10px;
          right: 10px;
          bottom: 10px;
          color: #fff; }
      .schedule-table-detail div.schedule-tab .content-container > div > .category:first-child {
        border: none; }
      .schedule-table-detail div.schedule-tab .content-container > div > .category:last-child {
        margin-bottom: 30px; }

ul.userRatingList {
  margin-top: 5px;
  padding: 0;
  width: 100%;
  list-style-type: none; }
  ul.userRatingList .userRatingItem {
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
    height: 212px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: background-color 0.7s ease-out;
    -moz-transition: background-color 0.7s ease-out;
    -o-transition: background-color 0.7s ease-out;
    transition: background-color 0.7s ease-out; }
    ul.userRatingList .userRatingItem .thumbnails {
      position: relative;
      margin: 0;
      padding: 0;
      width: 150px;
      border-right: 1px solid rgba(68, 68, 68, 0.15); }
      ul.userRatingList .userRatingItem .thumbnails .rank {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 1.5em;
        font-size: 1.5em;
        text-align: center;
        color: #fff; }
      ul.userRatingList .userRatingItem .thumbnails .rankBg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        width: 0;
        height: 0;
        border-top: 4em solid #000;
        border-right: 4em solid transparent; }
    ul.userRatingList .userRatingItem .contents {
      margin: 0;
      padding: 0 10px;
      width: calc(100% - 160px); }
      ul.userRatingList .userRatingItem .contents > .title {
        margin-bottom: 5px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: block;
        font-size: 1.5em;
        font-weight: bold;
        border-bottom: 1px dotted rgba(68, 68, 68, 0.2);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
        ul.userRatingList .userRatingItem .contents > .title .btnWatchNow {
          margin-left: 7px;
          padding: 0 4px 0 7px;
          height: 26px;
          line-height: 26px;
          font-size: 0.7em;
          font-weight: normal;
          color: #fff;
          background-color: #3ebf11;
          border: 1px solid #2b7b0e;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          overflow: hidden; }
          ul.userRatingList .userRatingItem .contents > .title .btnWatchNow > i {
            font-size: 1.3em; }
          ul.userRatingList .userRatingItem .contents > .title .btnWatchNow:hover {
            background-color: #fff;
            color: #3ebf11; }
      ul.userRatingList .userRatingItem .contents > .rating .bar {
        display: inline-block; }
        ul.userRatingList .userRatingItem .contents > .rating .bar .percentbar {
          position: relative;
          top: 1px;
          margin: 0;
          padding: 0;
          width: 100px;
          height: 10px;
          background-color: rgba(68, 68, 68, 0.2);
          border: 1px solid #444;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px; }
          ul.userRatingList .userRatingItem .contents > .rating .bar .percentbar > div {
            min-width: 1px;
            height: 8px;
            background-color: #bdf734;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px; }
      ul.userRatingList .userRatingItem .contents > .rating, ul.userRatingList .userRatingItem .contents > .airdate {
        color: rgba(68, 68, 68, 0.7); }
        ul.userRatingList .userRatingItem .contents > .rating span, ul.userRatingList .userRatingItem .contents > .airdate span {
          display: inline-block;
          margin-right: 5px;
          font-weight: bold;
          color: #444; }
      ul.userRatingList .userRatingItem .contents > .description {
        font-size: 1.05em; }
    ul.userRatingList .userRatingItem:first-child .rankBg {
      border-top: 4em solid #fb9922; }
    ul.userRatingList .userRatingItem:nth-child(2) .rankBg {
      border-top: 4em solid #fb9922; }
    ul.userRatingList .userRatingItem:nth-child(3) .rankBg {
      border-top: 4em solid #fb9922; }
    ul.userRatingList .userRatingItem:last-child {
      margin-bottom: 0; }

section.singUpWrap {
  margin: 0 auto;
  padding: 0;
  width: 980px; }
  section.singUpWrap h2.catchphrase {
    margin: 0 auto;
    padding: 30px 0;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.25em;
    border-bottom: 1px solid rgba(68, 68, 68, 0.1); }
  section.singUpWrap .signUpContainer {
    margin: 40px auto;
    padding: 0;
    width: 640px; }
    section.singUpWrap .signUpContainer .btnJoinFB, section.singUpWrap .signUpContainer .btnJoinEmail {
      display: block;
      margin: 20px auto 0;
      width: 308px;
      height: 74px;
      text-indent: -999px;
      overflow: hidden;
      cursor: pointer; }
    section.singUpWrap .signUpContainer > .description {
      margin-top: 10px;
      text-align: center; }
    section.singUpWrap .signUpContainer form .input-group {
      position: relative;
      margin: 0 auto;
      padding: 0;
      width: 308px;
      display: block; }
      section.singUpWrap .signUpContainer form .input-group input[type=email], section.singUpWrap .signUpContainer form .input-group input[type=text], section.singUpWrap .signUpContainer form .input-group input[type=password] {
        margin: 0;
        padding-left: 10px;
        width: 308px;
        height: 38px;
        font-size: 1.2em;
        border: 1px solid rgba(68, 68, 68, 0.5);
        -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        -ms-border-radius: 0.3em;
        border-radius: 0.3em; }
        section.singUpWrap .signUpContainer form .input-group input[type=email]::placeholder, section.singUpWrap .signUpContainer form .input-group input[type=text]::placeholder, section.singUpWrap .signUpContainer form .input-group input[type=password]::placeholder {
          color: #444; }
        section.singUpWrap .signUpContainer form .input-group input[type=email]::-webkit-input-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=text]::-webkit-input-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=password]::-webkit-input-placeholder {
          color: #444;
          /* Chrome/Opera/Safari */ }
        section.singUpWrap .signUpContainer form .input-group input[type=email]::-moz-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=text]::-moz-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=password]::-moz-placeholder {
          color: #444;
          /* Firefox 19+ */ }
        section.singUpWrap .signUpContainer form .input-group input[type=email]:-ms-input-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=text]:-ms-input-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=password]:-ms-input-placeholder {
          color: #444;
          /* IE 10+ */ }
        section.singUpWrap .signUpContainer form .input-group input[type=email]:-moz-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=text]:-moz-placeholder, section.singUpWrap .signUpContainer form .input-group input[type=password]:-moz-placeholder {
          color: #444;
          /* Firefox 18- */ }
      section.singUpWrap .signUpContainer form .input-group input[type=text].month, section.singUpWrap .signUpContainer form .input-group input[type=text].day, section.singUpWrap .signUpContainer form .input-group input[type=text].year {
        width: 100px; }
      section.singUpWrap .signUpContainer form .input-group label {
        display: none; }
      section.singUpWrap .signUpContainer form .input-group select {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 10px;
        width: 32%;
        height: 38px;
        color: #464646;
        border: 1px solid #a5a6a8;
        border-radius: 5px;
        background: url('https://production-static.ondemandkorea.com/img/join/select_caret.png?fa06a8698ad9') right center no-repeat #fff;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 1.2em; }
        section.singUpWrap .signUpContainer form .input-group select#year {
          float: right;
          width: 33.5%; }
      section.singUpWrap .signUpContainer form .input-group .msg {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 308px;
        height: 24px;
        color: #ff0000; }
      section.singUpWrap .signUpContainer form .input-group > .title {
        margin-bottom: 5px;
        padding: 0;
        font-size: 14px;
        line-height: 1em;
        color: rgba(68, 68, 68, 0.5); }
      section.singUpWrap .signUpContainer form .input-group > .description {
        margin: 0;
        padding: 0 0 20px;
        color: #e27000; }
    section.singUpWrap .signUpContainer form .input-radio {
      margin: 0 auto 10px;
      padding: 0;
      width: 308px; }
      section.singUpWrap .signUpContainer form .input-radio label {
        margin-right: 10px;
        font-size: 1.15em; }
    section.singUpWrap .signUpContainer form .input-checkbox {
      margin: 0 auto;
      padding: 0;
      text-align: center; }
      section.singUpWrap .signUpContainer form .input-checkbox a {
        color: #e27000;
        text-decoration: underline; }
      section.singUpWrap .signUpContainer form .input-checkbox > .canadianCheck {
        padding: 0 0 20px;
        line-height: 1.4em; }
  section.singUpWrap .centreGuide {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 308px;
    border-top: 1px solid rgba(68, 68, 68, 0.1); }
    section.singUpWrap .centreGuide .centreGuideTxt {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      padding: 0;
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #444444; }

section.paymentWrap {
  margin: 0 auto;
  padding: 0;
  width: 980px; }
  section.paymentWrap h2 {
    margin: 20px auto 0;
    padding: 0;
    width: 640px; }
  section.paymentWrap h3 {
    margin: 0 auto;
    padding: 0;
    width: 640px;
    height: 34px;
    line-height: 34px;
    clear: both;
    font-size: 1.1em;
    color: #fb9922; }
  section.paymentWrap .paymentContainer {
    margin: 10px auto 40px;
    padding-top: 20px;
    width: 100%;
    border-top: 1px solid rgba(68, 68, 68, 0.1); }
    section.paymentWrap .paymentContainer form {
      margin: 0 auto;
      padding: 0; }
      section.paymentWrap .paymentContainer form .requisiteMsg {
        margin: 0 auto;
        padding-bottom: 5px;
        width: 400px;
        font-size: 0.95em;
        color: rgba(68, 68, 68, 0.5); }
      section.paymentWrap .paymentContainer form .input-group {
        position: relative;
        margin: 0 auto;
        width: 400px;
        height: 64px;
        display: block; }
        section.paymentWrap .paymentContainer form .input-group input[type=text] {
          margin: 0;
          padding-left: 10px;
          width: 400px;
          height: 38px;
          font-size: 1.2em;
          border: 1px solid rgba(68, 68, 68, 0.5); }
          section.paymentWrap .paymentContainer form .input-group input[type=text].separate {
            width: 49.3%;
            display: block; }
            section.paymentWrap .paymentContainer form .input-group input[type=text].separate.firstName, section.paymentWrap .paymentContainer form .input-group input[type=text].separate.cardMonth {
              float: left; }
            section.paymentWrap .paymentContainer form .input-group input[type=text].separate.lastName, section.paymentWrap .paymentContainer form .input-group input[type=text].separate.cardYear {
              float: right; }
        section.paymentWrap .paymentContainer form .input-group .msg {
          display: block;
          margin: 0 auto;
          padding: 0;
          width: 400px;
          height: 24px;
          color: #ff0000;
          clear: both; }
        section.paymentWrap .paymentContainer form .input-group .btnCVC {
          position: absolute;
          top: 0;
          right: 10px;
          height: 40px;
          line-height: 40px;
          display: block;
          font-size: 0.9em;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center; }
      section.paymentWrap .paymentContainer form .input-checkbox {
        margin: 0 auto;
        width: 640px;
        text-align: center; }
        section.paymentWrap .paymentContainer form .input-checkbox a {
          color: #fb9922;
          text-decoration: underline; }
    section.paymentWrap .paymentContainer .cautionMsg {
      margin: 10px 0;
      padding: 0;
      width: 100%;
      height: 30px;
      font-size: 1em;
      font-weight: bold;
      color: #ff0000;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.paymentWrap .paymentContainer .cautionMsg > i {
        margin-right: 3px;
        font-weight: normal; }
    section.paymentWrap .paymentContainer .btnDefault2x {
      display: block;
      margin: 20px auto 0;
      width: 370px; }

.validation_valid input {
  border: 1px solid #669533 !important; }

.validation_valid .msg {
  color: #2e8901; }

.validation_invalid input {
  border: 1px solid #d00707 !important;
  background-color: #fae5e7; }

.validation_invalid .msg {
  color: #d00707; }

section.paymentModal {
  display: none;
  position: relative;
  margin: 0;
  padding: 10px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  section.paymentModal .title {
    margin-bottom: 10px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px dotted rgba(68, 68, 68, 0.3);
    clear: both; }
  section.paymentModal .cardBackSample {
    position: relative;
    margin: 10px auto;
    padding: 0;
    width: 186px;
    height: 118px;
    background: url('https://production-static.ondemandkorea.com/img/paymentCardBack.png?fa06a8698ad9') no-repeat;
    border: 1px solid red; }
    section.paymentModal .cardBackSample > i {
      position: absolute;
      top: 20px;
      right: -10px;
      z-index: 1;
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Safari */
      transform: rotate(180deg);
      font-size: 2.5em;
      color: #ff0000; }
    section.paymentModal .cardBackSample > p {
      position: absolute;
      top: 9px;
      left: 191px;
      z-index: 2;
      width: 100px;
      text-align: left;
      font-size: 1.5em;
      font-weight: bold;
      color: #ff0000; }
  section.paymentModal .description {
    margin: 0 auto;
    padding: 0 0 20px;
    width: 100%;
    max-width: 400px;
    font-size: 1em;
    text-align: center; }
  section.paymentModal .btnDefault {
    display: block;
    margin: 0 auto;
    width: 100%; }

section.profileWarp {
  margin: 5px auto 0;
  padding: 0;
  width: 980px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around; }
  section.profileWarp .profileInfo {
    margin: 0;
    padding: 0;
    width: 255px; }
    section.profileWarp .profileInfo .accountHeader {
      margin-bottom: 10px;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      section.profileWarp .profileInfo .accountHeader #profile_pic {
        overflow: hidden;
        margin-right: 5px;
        padding: 0;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid translate; }
        section.profileWarp .profileInfo .accountHeader #profile_pic img {
          width: 50px;
          height: 50px; }
      section.profileWarp .profileInfo .accountHeader #profile_name {
        margin: 0;
        padding: 0;
        width: calc(100% - 55px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 1.25em;
        font-weight: bold; }
    section.profileWarp .profileInfo .accountInfo {
      margin-bottom: 50px;
      padding: 0; }
      section.profileWarp .profileInfo .accountInfo .title {
        margin: 20px 0 2px;
        padding-bottom: 2px;
        font-size: 1em;
        font-weight: bold;
        border-bottom: 1px dotted rgba(68, 68, 68, 0.5); }
      section.profileWarp .profileInfo .accountInfo > p {
        margin: 0;
        padding: 0;
        font-size: 0.9em; }
    section.profileWarp .profileInfo .fbConnectedMsg {
      display: block;
      margin: 0;
      padding: 0;
      width: 124px;
      height: 15px;
      background: url('https://production-static.ondemandkorea.com/img/fb_connected.png?fa06a8698ad9') no-repeat; }
    section.profileWarp .profileInfo .newsletterBox {
      margin: 0 0 60px;
      padding: 10px;
      width: 100%;
      background-color: #f9fcf7;
      border: 1px solid #7fad6d;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      section.profileWarp .profileInfo .newsletterBox > * {
        margin: 0;
        padding: 0;
        font-size: 12px;
        color: #000; }
      section.profileWarp .profileInfo .newsletterBox .title {
        height: 25px;
        border-bottom: 1px solid #c7cac6;
        font-weight: bold; }
      section.profileWarp .profileInfo .newsletterBox .description {
        margin-top: 8px;
        line-height: 16px; }
      section.profileWarp .profileInfo .newsletterBox .action {
        margin-top: 10px;
        height: 22px; }
        section.profileWarp .profileInfo .newsletterBox .action .msg {
          float: left;
          display: block;
          padding-left: 13px;
          font-size: 12px;
          color: #fa7e01;
          line-height: 24px;
          background: url('https://production-static.ondemandkorea.com/img/icon_check_orange.png?fa06a8698ad9') 0 6px no-repeat; }
    section.profileWarp .profileInfo .onoffswitch {
      float: right;
      display: block;
      position: relative;
      width: 72px;
      height: 20px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
    section.profileWarp .profileInfo .onoffswitch-checkbox {
      display: none; }
      section.profileWarp .profileInfo .onoffswitch-checkbox + label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 0.1em solid #737373;
        margin: 0;
        padding: 0;
        width: 72px;
        box-sizing: border-box;
        background-color: #737373;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
      section.profileWarp .profileInfo .onoffswitch-checkbox + label::before {
        display: none !important; }
      section.profileWarp .profileInfo .onoffswitch-checkbox:checked + label::before {
        display: none !important; }
    section.profileWarp .profileInfo .onoffswitch-inner {
      display: block;
      width: 200%;
      margin-left: -100%;
      transition: margin 0.3s ease-in 0s; }
    section.profileWarp .profileInfo .onoffswitch-inner::before, section.profileWarp .profileInfo .onoffswitch-inner::after {
      display: block;
      float: left;
      width: 50%;
      height: 20px;
      padding: 0;
      line-height: 22px;
      font-size: 12px;
      color: #fff;
      box-sizing: border-box; }
    section.profileWarp .profileInfo .onoffswitch-inner::before {
      content: "ON";
      padding-left: 15px;
      background-color: #2eb300;
      color: #fff; }
    section.profileWarp .profileInfo .onoffswitch-inner::after {
      content: "OFF";
      padding-right: 15px;
      background-color: #8d8d8d;
      color: #fff;
      text-align: right; }
    section.profileWarp .profileInfo .onoffswitch-switch {
      display: block;
      position: absolute;
      top: -1px;
      bottom: 0;
      right: 44px;
      width: 24px;
      height: 20px;
      margin: 0;
      padding: 0;
      background-color: #fff;
      border: 1px solid #737373;
      box-sizing: content-box;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      transition: all 0.3s ease-in 0s; }
    section.profileWarp .profileInfo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
      margin-left: 0; }
    section.profileWarp .profileInfo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
      right: 0; }
    section.profileWarp .profileInfo .negativeLink {
      margin-top: 50px;
      font-weight: lighter;
      letter-spacing: 0.05em; }
      section.profileWarp .profileInfo .negativeLink:hover {
        text-decoration: underline; }
  section.profileWarp .profileContent {
    margin: 0;
    padding-left: 10px;
    width: 735px; }
    section.profileWarp .profileContent > .title {
      margin: 0;
      padding-left: 27px;
      width: 100%;
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      font-size: 1.6em;
      font-weight: bold;
      background: url('https://production-static.ondemandkorea.com/img/iconsAccount.png?fa06a8698ad9') no-repeat; }
      section.profileWarp .profileContent > .title.profile {
        background-position: 0 0; }
      section.profileWarp .profileContent > .title.order {
        background-position: 0 -30px; }
      section.profileWarp .profileContent > .title.coupon {
        background-position: 0 -60px; }
      section.profileWarp .profileContent > .title.watced {
        background-position: 0 -90px; }
      section.profileWarp .profileContent > .title .alertMsg {
        font-size: 0.65em;
        font-weight: normal;
        color: #ff7200; }
    section.profileWarp .profileContent p.subTitle {
      margin-bottom: 10px;
      padding: 0;
      width: 100%;
      font-size: 1.2em;
      font-weight: bold;
      color: rgba(68, 68, 68, 0.7);
      border-bottom: 1px solid rgba(68, 68, 68, 0.15); }
    section.profileWarp .profileContent > .contents {
      margin: 5px 0 20px;
      padding: 10px;
      width: 100%;
      border: 1px solid rgba(68, 68, 68, 0.2);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      section.profileWarp .profileContent > .contents .inputInfo {
        margin-bottom: 5px;
        padding: 0;
        width: 176px;
        height: 32px; }
      section.profileWarp .profileContent > .contents.history button {
        float: right;
        margin-top: 5px; }
      section.profileWarp .profileContent > .contents.coupon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        section.profileWarp .profileContent > .contents.coupon input {
          display: inline-block;
          margin-right: 5px;
          padding: 0 10px;
          width: 200px;
          height: 36px; }
        section.profileWarp .profileContent > .contents.coupon button {
          min-width: 80px; }
      section.profileWarp .profileContent > .contents .mergeCell {
        padding: 15px 0; }
        section.profileWarp .profileContent > .contents .mergeCell > button {
          margin-top: 5px; }
      section.profileWarp .profileContent > .contents .watchedList {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-direction: row; }
        section.profileWarp .profileContent > .contents .watchedList .watchedItem {
          display: block;
          margin: 0 13px 20px 0;
          padding: 0;
          overflow: none;
          width: 160px; }
          section.profileWarp .profileContent > .contents .watchedList .watchedItem .watchedThumbnail {
            margin: 0;
            padding: 0;
            overflow: hidden;
            width: 160px;
            border: 1px solid rgba(68, 68, 68, 0.2); }
            section.profileWarp .profileContent > .contents .watchedList .watchedItem .watchedThumbnail > img {
              display: block;
              width: 100%;
              height: auto; }
          section.profileWarp .profileContent > .contents .watchedList .watchedItem .watchedTitle {
            margin: 0;
            padding: 0;
            width: 160px;
            height: 24px;
            line-height: 24px;
            font-size: 1.05em;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }
          section.profileWarp .profileContent > .contents .watchedList .watchedItem .watchedDesc {
            margin-top: 2px;
            padding: 0;
            font-size: 0.9em;
            color: rgba(68, 68, 68, 0.5);
            line-height: 1.5em; }

.checkNewsletter {
  margin: 0;
  padding: 0;
  width: 500px;
  height: 308px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .checkNewsletter > * {
    margin: 0;
    padding: 0;
    text-align: center; }
  .checkNewsletter > h1 {
    margin-top: 42px;
    font-size: 23px;
    font-weight: normal; }
  .checkNewsletter > h2 {
    margin-top: 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #464646; }
  .checkNewsletter > .checkBox {
    margin: 14px 44px;
    padding: 17px;
    font-size: 13px;
    color: #464646;
    background-color: #f9fcf7;
    border: 1px solid #7fad6d;
    text-align: left; }
  .checkNewsletter > button {
    display: block;
    margin: 0 auto; }

.benefitWrap header {
  height: 513px;
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/visual.jpg?84c75923ac8e') no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  font-size: 0; }

.benefitWrap header .logo {
  width: 251px;
  height: 41px;
  margin: 43px auto 23px;
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/odk-logo.png?ce90be261a54') no-repeat; }

.benefitWrap header .btnSignup {
  display: block;
  width: 402px;
  height: 85px;
  margin: 0 auto;
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/btnSignup.png?84c75923ac8e') no-repeat; }

.benefitWrap .wrapContent {
  width: 982px;
  height: 337px;
  margin: 0 auto;
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content.png') no-repeat;
  text-align: center; }

.benefitWrap .wrapContent h2 {
  text-indent: -99999px;
  overflow: hidden;
  font-size: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 267px;
  padding: 200px 0 85px;
  font-size: 22px;
  color: #555; }

.benefitWrap .wrapContent h2 strong {
  color: #3e6f00; }

.benefitWrap .wrapContent ul li {
  text-indent: -99999px;
  overflow: hidden;
  font-size: 0;
  float: left;
  width: 20%; }

.benefitWrap .wrapContent ul li dl dt {
  font-size: 20px;
  color: #609f11;
  font-weight: bold; }

.benefitWrap .wrapContent ul li dl dd {
  font-size: 16px;
  color: #6e6d6d;
  line-height: 24px;
  letter-spacing: -0.5px; }

.benefitWrap header .subscribe-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  padding: 0;
  width: 355px; }
  .benefitWrap header .subscribe-container > a {
    display: block;
    width: 355px;
    height: 364px; }

#ko .subscribe-container > a.subscribe-common {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/btn-subscribe-common-ko.png?ce90be261a54') no-repeat; }

#ko .subscribe-container > a.subscribe-annual {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/btn_subscribe_annual_ko.png?84c75923ac8e') no-repeat; }

#en .subscribe-container > a.subscribe-common {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/btn-subscribe-common-en.png?ce90be261a54') no-repeat; }

#en .subscribe-container > a.subscribe-annual {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/btn_subscribe_annual_en.png?84c75923ac8e') no-repeat; }

#ko .wrapContent {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_ko.png?84c75923ac8e') no-repeat; }

#en .wrapContent {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_en.png?84c75923ac8e') no-repeat; }

#en .btnSignup {
  width: 464px;
  background-position: 0 -85px; }

#cn .btnSignup {
  width: 344px;
  background-position: 0 -168px; }

#tw .btnSignup {
  width: 344px;
  background-position: 0 -254px; }

.benefitWrap header .btnSignup-trial {
  display: block;
  width: 402px;
  height: 85px;
  margin: 0 auto;
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/btnSignup_trial.png') no-repeat; }

#en .btnSignup-trial {
  width: 464px;
  background-position: 0 -85px; }

#cn .btnSignup-trial {
  width: 464px;
  background-position: 0 -168px; }

#tw .btnSignup-trial {
  width: 464px;
  background-position: 0 -254px; }

#ko .wrapContent-trial {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_kr.png') no-repeat;
  height: 828px;
  width: 980px;
  margin: 0 auto; }

#en .wrapContent-trial {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_en.png') no-repeat;
  height: 828px;
  width: 980px;
  margin: 0 auto; }

#cn .wrapContent-trial {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_cn.png') no-repeat;
  height: 828px;
  width: 980px;
  margin: 0 auto; }

#tw .wrapContent-trial {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_tw.png') no-repeat;
  height: 828px;
  width: 980px;
  margin: 0 auto; }

#ko .wrapContent-trial-final {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final_kr.png') no-repeat;
  height: 806px;
  width: 1024px;
  margin: 0 auto; }

#en .wrapContent-trial-final {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final_en.png') no-repeat;
  height: 806px;
  width: 1024px;
  margin: 0 auto; }

#cn .wrapContent-trial-final {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final_cn.png') no-repeat;
  height: 806px;
  width: 1024px;
  margin: 0 auto; }

#tw .wrapContent-trial-final {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final_tw.png') no-repeat;
  height: 806px;
  width: 1024px;
  margin: 0 auto; }

#ko .wrapContent-trial-final2 {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final2_kr.png') no-repeat;
  height: 340px;
  width: 1024px;
  margin: 0 auto; }

#en .wrapContent-trial-final2 {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final2_en.png') no-repeat;
  height: 340px;
  width: 1024px;
  margin: 0 auto; }

#cn .wrapContent-trial-final2 {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final2_cn.png') no-repeat;
  height: 340px;
  width: 1024px;
  margin: 0 auto; }

#tw .wrapContent-trial-final2 {
  background: url('https://production-static.ondemandkorea.com/img/odkplus-benefits/content_trial_final2_tw.png') no-repeat;
  height: 340px;
  width: 1024px;
  margin: 0 auto; }

section.odkBenefitWarp {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  text-align: center; }
  section.odkBenefitWarp > .title {
    margin: 50px auto 0;
    padding: 0;
    font-size: 4em;
    font-weight: 600;
    letter-spacing: -.04em;
    color: #222; }
  section.odkBenefitWarp > .description {
    margin: 0 auto 30px;
    padding: 0;
    font-size: 2em;
    color: #222; }
  section.odkBenefitWarp .benefit {
    margin: 50px auto 40px;
    list-style-type: none;
    width: 980px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
    section.odkBenefitWarp .benefit div.benefitItem {
      flex: 1;
      margin: 0;
      padding: 0;
      text-align: center; }
      section.odkBenefitWarp .benefit div.benefitItem .img {
        margin: 0 auto;
        padding: 0;
        width: 82px;
        height: 58px;
        background: url('https://production-static.ondemandkorea.com/img/odkPlus/ico-benefitsGreen.png?fa06a8698ad9') no-repeat; }
        section.odkBenefitWarp .benefit div.benefitItem .img.adFree {
          background-position: 0 0; }
        section.odkBenefitWarp .benefit div.benefitItem .img.exclusives {
          background-position: -82px 0; }
        section.odkBenefitWarp .benefit div.benefitItem .img.fullHD {
          background-position: -164px 0; }
        section.odkBenefitWarp .benefit div.benefitItem .img.anytime {
          background-position: -246px 0; }
      section.odkBenefitWarp .benefit div.benefitItem .guideLine {
        margin: 5px auto;
        width: 50px;
        height: 1px;
        background-color: #999; }
      section.odkBenefitWarp .benefit div.benefitItem .title {
        margin: 0;
        padding: 0;
        font-size: 1.25em;
        font-weight: bold; }
      section.odkBenefitWarp .benefit div.benefitItem .description {
        margin: 0;
        padding: 0 10px;
        font-size: 1em;
        line-height: 1.25em; }
  section.odkBenefitWarp .price {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    font-size: 3em;
    font-weight: 300;
    text-align: center;
    color: #555; }
    section.odkBenefitWarp .price span {
      font-weight: 600;
      color: #222; }
  section.odkBenefitWarp > .btnDefault2x {
    display: block;
    margin: 20px auto 50px;
    width: 400px;
    color: #fff; }

section.odkBenfitPT {
  margin-bottom: -30px;
  padding: 0;
  width: 100%;
  min-width: 980px; }
  section.odkBenfitPT > .PTItem {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-height: 560px;
    overflow: hidden; }
    section.odkBenfitPT > .PTItem div.PTItemTxt {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      padding: 0 30px;
      width: 980px;
      color: #fff;
      font-weight: 300;
      letter-spacing: 0.075em; }
      section.odkBenfitPT > .PTItem div.PTItemTxt > .title {
        margin: 0;
        padding: 0;
        font-size: 2.5em; }
        section.odkBenfitPT > .PTItem div.PTItemTxt > .title > span {
          color: #64e33c; }
      section.odkBenfitPT > .PTItem div.PTItemTxt > .description {
        margin: 0;
        padding: 0;
        font-size: 1.5em;
        line-height: 1.4em; }
        section.odkBenfitPT > .PTItem div.PTItemTxt > .description > span {
          font-weight: bold; }
      section.odkBenfitPT > .PTItem div.PTItemTxt.ar {
        text-align: right; }
    section.odkBenfitPT > .PTItem > img {
      display: block;
      width: 100%;
      height: auto; }

header {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  min-width: 980px;
  height: 105px;
  background-color: #fff; }
  header .header {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 55px; }
    header .header .gnb {
      margin: 0;
      padding: 0; }
      header .header .gnb ul {
        margin-top: 20px;
        padding: 0; }
        header .header .gnb ul li {
          float: left;
          display: block;
          margin: 0;
          padding: 0;
          height: 15px;
          line-height: 15px;
          font-size: 13px;
          font-weight: bold; }
          header .header .gnb ul li a {
            display: block;
            font-weight: lighter; }
            header .header .gnb ul li a:hover {
              color: #3ebf11; }
            header .header .gnb ul li a:focus {
              color: #444; }
        header .header .gnb ul.browser {
          float: right;
          display: block;
          list-style-type: none; }
          header .header .gnb ul.browser li {
            border-right: 1px solid rgba(68, 68, 68, 0.3); }
            header .header .gnb ul.browser li:last-child {
              border: none;
              padding-right: 0.7em; }
            header .header .gnb ul.browser li a {
              padding: 0 0.6em; }
              header .header .gnb ul.browser li a.live {
                padding-left: 31px;
                background: url('https://production-static.ondemandkorea.com/img/icon_live.svg?fa06a8698ad9') 0 0 no-repeat; }
        header .header .gnb ul.account {
          float: right;
          display: block;
          list-style-type: none; }
          header .header .gnb ul.account li {
            border-left: 1px solid rgba(68, 68, 68, 0.1); }
            header .header .gnb ul.account li a {
              color: rgba(68, 68, 68, 0.5);
              padding: 0 0.6em; }
              header .header .gnb ul.account li a:hover {
                color: #444444; }
      header .header .gnb .searchBox {
        float: right;
        display: block;
        position: relative;
        margin: 10px 0.5em 0 0;
        width: 210px;
        height: 35px;
        overflow: hidden;
        -webkit-border-radius: 17.5px;
        -moz-border-radius: 17.5px;
        -ms-border-radius: 17.5px;
        border-radius: 17.5px;
        border: 1px solid rgba(68, 68, 68, 0.6); }
        header .header .gnb .searchBox span {
          position: absolute;
          top: 5px;
          width: 24px;
          height: 24px;
          display: block; }
        header .header .gnb .searchBox #searchindicator {
          left: 3px;
          top: 3px;
          width: 27px;
          height: 27px;
          background: url('https://sp.ondemandkorea.com/images/search_indicator.gif');
          opacity: 0; }
        header .header .gnb .searchBox #searchsubmit {
          left: 4px;
          background: url('https://production-static.ondemandkorea.com/img/icons_24pd_1x.png?fa06a8698ad9') 0 0 no-repeat; }
        header .header .gnb .searchBox #s {
          margin: 0;
          padding: 0 30px;
          width: 210px;
          height: 35px;
          line-height: 35px;
          border: none; }
        header .header .gnb .searchBox #searchreset {
          right: 4px;
          cursor: pointer;
          background: url('https://production-static.ondemandkorea.com/img/icons_24pd_1x.png?fa06a8698ad9') 0 -24px no-repeat; }
      header .header .gnb .languageToggleBox {
        float: right;
        display: block;
        margin-right: 0.5em; }
        header .header .gnb .languageToggleBox .material-icons {
          display: block;
          margin: 18px 1px 0 1px;
          font-size: 1.5em; }
        header .header .gnb .languageToggleBox > a {
          display: block;
          margin: 0;
          padding: 0;
          width: 90px;
          height: 55px;
          line-height: 55px;
          font-size: 1em;
          color: rgba(68, 68, 68, 0.5); }
        header .header .gnb .languageToggleBox .languageToggleMenu {
          display: none;
          position: absolute;
          z-index: 105; }
        header .header .gnb .languageToggleBox:hover .languageToggleMenu {
          display: block;
          margin: 0;
          padding: 0;
          width: 90px;
          background-color: #fff;
          border: 1px solid rgba(68, 68, 68, 0.2); }
          header .header .gnb .languageToggleBox:hover .languageToggleMenu > a {
            display: block;
            margin: 0;
            padding: 5px 7px;
            font-size: 1.15em;
            font-weight: normal;
            border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }
            header .header .gnb .languageToggleBox:hover .languageToggleMenu > a:last-child {
              border: none; }
            header .header .gnb .languageToggleBox:hover .languageToggleMenu > a:hover {
              color: #fff;
              background-color: #3ebf11; }
    header .header ul.browser > li:first-child {
      display: none; }
    header .header .searchResult {
      position: absolute;
      z-index: 60;
      top: 55px;
      width: 980px;
      background-color: #fff; }
      header .header .searchResult .searchResultContainer {
        margin: 0;
        padding-top: 10px;
        width: 100%; }
      header .header .searchResult .searchResultMissing, header .header .searchResult .search_error_row {
        margin: 0;
        padding: 200px 0;
        font-size: 1.5em;
        text-align: center;
        color: #444; }
      header .header .searchResult .searchResultTxt {
        margin: 0 auto;
        padding: 0 0 0 10px;
        width: 980px;
        height: 50px;
        line-height: 50px;
        font-size: 1.25em;
        color: #fff;
        background-color: #444; }
  header.thin {
    background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') repeat-x #fff;
    height: 33px; }
    header.thin .header .gnb {
      position: relative;
      margin: 0 auto;
      width: 980px;
      height: 33px; }
      header.thin .header .gnb ul.browser {
        float: left;
        margin-top: 10px; }
        header.thin .header .gnb ul.browser li:first-child {
          display: block; }
      header.thin .header .gnb ul.account {
        margin-top: 10px; }
    header.thin .header .searchBox {
      top: -12px;
      left: -102px;
      width: 320px;
      height: 35px;
      overflow: hidden;
      -ms-transform: scale(0.7);
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      font-size: 1.5em;
      background-color: #fff;
      border: 2px solid #444444; }
      header.thin .header .searchBox #s {
        margin: 0;
        padding: 0 30px;
        width: 310px;
        height: 35px;
        line-height: 35px;
        border: none; }
    header.thin .header .languageToggleBox > a {
      height: 32px;
      line-height: 32px; }
      header.thin .header .languageToggleBox > a .material-icons {
        display: block;
        margin: 6px 1px 0 1px;
        font-size: 1.5em; }
    header.thin .searchResult {
      top: 90px; }
    header.thin .floatBanner.left, header.thin .floatBanner.right {
      top: 145px; }
    header.thin .floatBanner.rightBottom {
      top: 470px; }
    header.thin .paymentState {
      position: absolute;
      top: 34px;
      right: 0;
      z-index: 50; }
  header.emptyBase {
    height: 55px;
    background-color: #444; }
    header.emptyBase .logo > a.odk {
      background-position: 0 -35px; }
    header.emptyBase #login_menu {
      float: right;
      display: block;
      color: #fff;
      position: relative;
      margin-top: 9px;
      padding: 0 20px;
      height: 39px;
      line-height: 38px;
      font-size: 1.25em;
      text-align: center;
      text-shadow: 0 1px rgba(0, 0, 0, 0.5);
      color: #fff;
      border: none;
      cursor: pointer;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -40px repeat-x; }
      header.emptyBase #login_menu::before, header.emptyBase #login_menu::after {
        content: '';
        position: absolute;
        top: 0;
        width: 8px;
        height: 39px; }
      header.emptyBase #login_menu::before {
        left: -8px;
        background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') -2px 0 no-repeat; }
      header.emptyBase #login_menu::after {
        right: -8px;
        background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -80px no-repeat; }
      header.emptyBase #login_menu:hover {
        color: #fff;
        text-decoration: none; }

h1.logo {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  height: 35px; }
  h1.logo a {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    overflow: hidden; }
    h1.logo a.odk {
      width: 201px;
      height: 35px;
      background: url('https://production-static.ondemandkorea.com/img/logo.png?343b1f804a85') 0 0 no-repeat; }
    h1.logo a.movie {
      margin-left: 5px;
      width: 140px;
      height: 35px;
      background: url('https://production-static.ondemandkorea.com/img/logoMovie.png?fa06a8698ad9') no-repeat; }
    h1.logo a.txtLogo {
      margin-left: 5px;
      width: auto;
      height: 40px;
      line-height: 2em;
      font-size: 0.6em;
      font-weight: lighter;
      letter-spacing: -0.01em;
      color: #3ebf11;
      text-indent: 0; }

nav {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  height: 50px;
  clear: both;
  background-color: #444; }
  nav .navigation {
    margin: 0 auto;
    padding: 0;
    width: 980px; }
    nav .navigation ul {
      float: left;
      display: block;
      margin: 0 auto;
      padding: 0;
      width: 838px;
      list-style-type: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      nav .navigation ul li {
        flex-grow: 1;
        position: relative;
        margin-left: -1px;
        padding: 0;
        height: 50px; }
        nav .navigation ul li:last-child > a {
          background: none; }
        nav .navigation ul li > a {
          display: block;
          margin: 0;
          padding: 0 0.75em;
          height: 50px;
          line-height: 50px;
          font-size: 1em;
          color: #fff;
          text-align: center;
          background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') 0 -48px no-repeat;
          background-position: right; }
          nav .navigation ul li > a:hover {
            background-color: #3ebf11;
            background-image: none; }
        nav .navigation ul li.active > a {
          background-color: #3ebf11; }
      nav .navigation ul li.navToggleBox a > .toggleText {
        float: left;
        display: inline-block;
        height: 50px;
        line-height: 50px; }
      nav .navigation ul li.navToggleBox a > .toggleTextMobile {
        display: inline-block;
        height: 50px;
        line-height: 50px; }
      nav .navigation ul li.navToggleBox a > .material-icons {
        float: right;
        display: inline-block;
        margin: 12px -7px 0 0; }
      nav .navigation ul li.navToggleBox .navToggleMenu {
        display: none;
        position: absolute;
        z-index: 100; }
      nav .navigation ul li.navToggleBox:hover > a {
        background-color: #3ebf11; }
      nav .navigation ul li.navToggleBox:hover .navToggleMenu {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid rgba(68, 68, 68, 0.2); }
        nav .navigation ul li.navToggleBox:hover .navToggleMenu > a {
          display: block;
          margin: 0;
          padding: 5px 7px;
          font-size: 12px;
          font-weight: normal;
          border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }
          nav .navigation ul li.navToggleBox:hover .navToggleMenu > a:last-child {
            border: none; }
          nav .navigation ul li.navToggleBox:hover .navToggleMenu > a:hover {
            color: #444;
            background-color: rgba(68, 68, 68, 0.05); }
    nav .navigation div.paymentState {
      float: right;
      display: block;
      width: 110px;
      margin: 10px 1em 0 0; }

ul.navigation {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  height: 50px;
  list-style-type: none;
  background-color: #444;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  ul.navigation li {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    position: relative;
    left: 1px;
    margin-left: -1px;
    padding: 0;
    height: 50px; }
    ul.navigation li:last-child > a {
      background-image: none; }
    ul.navigation li > a {
      display: block;
      margin: 0;
      padding: 0 0.75em;
      height: 50px;
      line-height: 50px;
      font-size: 1em;
      color: #fff;
      text-align: center;
      background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') 0 -48px no-repeat;
      background-position: left; }
      ul.navigation li > a:hover {
        background-color: #3ebf11;
        background-image: none; }
    ul.navigation li.active > a {
      background-color: #3ebf11; }
  ul.navigation li.navToggleBox:last-child {
    background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') 0 -48px no-repeat; }
  ul.navigation li.navToggleBox .navToggleMenu {
    display: none;
    position: absolute;
    z-index: 100; }
  ul.navigation li.navToggleBox a > .toggleText {
    float: left;
    display: inline-block;
    height: 50px;
    line-height: 50px; }
  ul.navigation li.navToggleBox a > .toggleTextMobile {
    display: inline-block;
    height: 50px;
    line-height: 50px; }
  ul.navigation li.navToggleBox a > .material-icons {
    float: right;
    display: inline-block;
    margin: 12px -7px 0 0; }
  ul.navigation li.navToggleBox .navToggleMenu {
    display: none;
    position: absolute;
    z-index: 100; }
  ul.navigation li.navToggleBox:hover > a {
    background-color: #3ebf11; }
  ul.navigation li.navToggleBox:hover .navToggleMenu {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(68, 68, 68, 0.2); }
    ul.navigation li.navToggleBox:hover .navToggleMenu > a {
      display: block;
      margin: 0;
      padding: 5px 7px;
      font-size: 12px;
      font-weight: normal;
      border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }
      ul.navigation li.navToggleBox:hover .navToggleMenu > a:last-child {
        border: none; }
      ul.navigation li.navToggleBox:hover .navToggleMenu > a:hover {
        color: #444;
        background-color: rgba(68, 68, 68, 0.05); }

div.paymentState {
  float: right;
  display: block;
  width: 110px;
  margin: 12.5px 0 0 10px; }

ul.subNav {
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
  height: 50px;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb;
  list-style-type: none; }
  ul.subNav * > {
    margin: 0;
    padding: 0; }
  ul.subNav li {
    float: left;
    display: block; }
    ul.subNav li a {
      position: relative;
      display: block;
      margin: 0;
      padding: 0 12px;
      height: 50px;
      line-height: 50px;
      font-size: 13px;
      color: #333; }
      ul.subNav li a::after {
        position: absolute;
        top: 16px;
        right: 0;
        content: "\00a0";
        height: 18px;
        color: #d8d8d8;
        border-right: 1px solid #d8d8d8; }
      ul.subNav li a.active {
        font-weight: bold;
        color: #2eb300;
        border-bottom: 3px solid #2eb300; }
    ul.subNav li:last-child a::after {
      display: none; }

div.subNavBottomBanner {
  margin-top: -20px; }

section.wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 980px;
  height: auto;
  min-height: 100%; }
  section.wrapper > .container {
    clear: both; }
    section.wrapper > .container h1.logo {
      position: relative;
      top: -2px;
      display: block;
      margin-bottom: 10px;
      padding: 0;
      clear: both; }
    section.wrapper > .container.mainNotice {
      margin-top: 5px;
      padding: 7px;
      height: 40px;
      border: 1px solid rgba(68, 68, 68, 0.15); }
      section.wrapper > .container.mainNotice .linkTo {
        float: left;
        display: block;
        width: 100px;
        height: 24px;
        line-height: 1.5em;
        font-size: 1.3em;
        font-weight: bold;
        border-right: 1px solid rgba(68, 68, 68, 0.15); }
        section.wrapper > .container.mainNotice .linkTo:hover {
          color: #444; }
        section.wrapper > .container.mainNotice .linkTo .iconWrap {
          margin-right: 5px; }
      section.wrapper > .container.mainNotice .carousel {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
        width: 860px;
        height: 24px; }
      section.wrapper > .container.mainNotice .carousel-item {
        margin: 0;
        padding: 0; }
        section.wrapper > .container.mainNotice .carousel-item a {
          margin: 0;
          padding-left: 20px;
          width: 860px;
          height: 24px;
          line-height: 26px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block; }
  section.wrapper div#program_selector {
    position: relative;
    margin: 20px auto 0;
    padding: 0;
    width: 980px;
    height: 50px;
    border-bottom: 1px dotted rgba(68, 68, 68, 0.15); }
    section.wrapper div#program_selector div.sortBox {
      margin: 0;
      padding: 0;
      width: 980px;
      height: 49px;
      clear: both; }
      section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
        border: none; }
        section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li {
          float: left;
          display: block;
          margin: 0;
          padding: 0; }
          section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li:first-child > a {
            background: none; }
          section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li.active a {
            height: 49px;
            color: #444;
            border-bottom: 5px solid #3ebf11; }
            section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li.active a:hover {
              border-color: #3ebf11; }
          section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li a {
            display: block;
            margin: 0;
            padding: 0 1em;
            height: 49px;
            line-height: 49px;
            font-size: 1.25em;
            font-weight: bold;
            color: rgba(68, 68, 68, 0.5);
            background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') 0 -98px no-repeat; }
            section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li a:hover {
              color: #444;
              border-bottom: 5px solid #3ebf11; }
            section.wrapper div#program_selector div.sortBox ul.nav-tabs.mainSort li a:focus {
              color: #444; }
      section.wrapper div#program_selector div.sortBox div.subtitles, section.wrapper div#program_selector div.sortBox div.countries {
        position: relative;
        float: left;
        margin-left: 10px;
        padding: 0;
        width: 166px;
        cursor: pointer; }
        section.wrapper div#program_selector div.sortBox div.subtitles .btn, section.wrapper div#program_selector div.sortBox div.countries .btn {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          color: rgba(68, 68, 68, 0.5); }
          section.wrapper div#program_selector div.sortBox div.subtitles .btn > i, section.wrapper div#program_selector div.sortBox div.countries .btn > i {
            margin-right: 3px; }
        section.wrapper div#program_selector div.sortBox div.subtitles .dropdown-menu, section.wrapper div#program_selector div.sortBox div.countries .dropdown-menu {
          margin-top: -1px;
          padding: 0; }
          section.wrapper div#program_selector div.sortBox div.subtitles .dropdown-menu > a, section.wrapper div#program_selector div.sortBox div.countries .dropdown-menu > a {
            display: block;
            margin: 0;
            padding: 5px 7px;
            width: 164px;
            font-size: 1em;
            font-weight: normal;
            border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }
            section.wrapper div#program_selector div.sortBox div.subtitles .dropdown-menu > a:last-child, section.wrapper div#program_selector div.sortBox div.countries .dropdown-menu > a:last-child {
              border: none; }
            section.wrapper div#program_selector div.sortBox div.subtitles .dropdown-menu > a:hover, section.wrapper div#program_selector div.sortBox div.countries .dropdown-menu > a:hover {
              color: #fff;
              background-color: #3ebf11; }
            section.wrapper div#program_selector div.sortBox div.subtitles .dropdown-menu > a.selectd, section.wrapper div#program_selector div.sortBox div.countries .dropdown-menu > a.selectd {
              background-color: rgba(68, 68, 68, 0.3); }
    section.wrapper div#program_selector ul.subSort {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 50;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      section.wrapper div#program_selector ul.subSort li {
        float: left;
        display: block;
        height: 50px; }
        section.wrapper div#program_selector ul.subSort li:first-child > a {
          background: none; }
        section.wrapper div#program_selector ul.subSort li a {
          background: url('https://production-static.ondemandkorea.com/img/gnb.png?fa06a8698ad9') 0 -98px no-repeat;
          display: block;
          padding: 0 1em;
          font-size: 1em;
          line-height: 50px;
          color: #444; }
          section.wrapper div#program_selector ul.subSort li a.selected {
            font-weight: bold;
            color: #3ebf11; }
  section.wrapper div#program-list {
    position: relative;
    margin: 0 auto;
    padding: 0;
    clear: both;
    width: 980px; }
  section.wrapper div.movie-promotion {
    z-index: 2000;
    margin: 5px auto 0;
    width: 980px; }
  section.wrapper h2 {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    font-weight: bold; }
  section.wrapper h3 {
    margin: 0;
    padding: 0;
    font-size: 1.25em;
    font-weight: bold; }
  section.wrapper h4 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold; }

section.login-modal {
  display: none;
  position: relative;
  margin: 0;
  padding: 10px 30px 10px;
  width: 640px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  section.login-modal .title {
    height: 50px;
    line-height: 50px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px dotted rgba(68, 68, 68, 0.3);
    clear: both; }
  section.login-modal .subTitle {
    font-size: 1.7em;
    font-weight: bold;
    color: rgba(68, 68, 68, 0.7); }
  section.login-modal > .fbSide {
    float: left;
    display: block;
    margin: 0;
    padding: 10px;
    width: 50%; }
    section.login-modal > .fbSide .fbBenefit {
      margin-left: 20px;
      padding: 0;
      font-size: 1em; }
  section.login-modal > .odkSide {
    float: right;
    display: block;
    margin: 0;
    padding: 10px;
    width: 46%; }
    section.login-modal > .odkSide .inputBox {
      padding: 0;
      width: 240px;
      overflow: hidden; }
    section.login-modal > .odkSide .checkBox {
      margin-top: 5px;
      padding-top: 10px;
      width: 240px;
      clear: both; }
    section.login-modal > .odkSide label {
      margin: 0;
      font-size: 1em;
      color: rgba(68, 68, 68, 0.7); }
    section.login-modal > .odkSide input {
      margin: 0;
      padding: 7px;
      width: 240px;
      background-color: #fff;
      border: 2px solid rgba(68, 68, 68, 0.2);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      section.login-modal > .odkSide input:focus {
        border: 2px solid #3ebf11; }
    section.login-modal > .odkSide .validateMsg {
      display: block;
      margin-bottom: 10px;
      padding: 0;
      font-size: 1em; }
    section.login-modal > .odkSide button {
      margin-top: 10px;
      width: 224px; }
  section.login-modal > .bottomSide {
    margin: 0;
    padding-top: 10px;
    text-align: center;
    border-top: 1px dotted rgba(68, 68, 68, 0.3);
    clear: both; }
  section.login-modal > .centreGuide {
    position: absolute;
    top: 70px;
    left: 50%;
    height: 65%;
    border-left: 1px solid rgba(68, 68, 68, 0.1); }
    section.login-modal > .centreGuide .centreGuideTxt {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      padding: 0;
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #444444; }
  section.login-modal .password-policy-description {
    text-align: center; }
    section.login-modal .password-policy-description > p {
      padding: 20px 0 0;
      font-size: 1rem;
      letter-spacing: -0.005rem; }
    section.login-modal .password-policy-description > button {
      margin: 20px auto 10px; }

footer {
  margin: 40px auto 0;
  padding: 0;
  width: 980px;
  background-color: #fff; }
  footer > .links {
    margin: 0 auto 30px;
    padding: 0;
    width: 840px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    justify-content: space-around; }
    footer > .links a {
      height: 20px;
      line-height: 20px;
      text-align: center;
      flex: auto;
      -mx-flex: auto;
      -webkit-flex: auto;
      border-right: 1px solid rgba(68, 68, 68, 0.2); }
      footer > .links a:hover {
        color: #444; }
      footer > .links a:last-child {
        border: none; }
  footer > .copyright {
    margin: 0;
    padding: 30px 0;
    font-size: 0.85em;
    text-align: center;
    line-height: 1.7em;
    color: #444;
    border-top: 1px solid rgba(68, 68, 68, 0.1); }
  footer.emptyBase {
    margin-top: 30px;
    background: none; }

div.flat-container {
  margin: 0;
  padding: 0;
  width: 980px;
  background-color: #fff; }
  div.flat-container h2 {
    margin: 10px 0;
    font-size: 2.5em; }
  div.flat-container h3 {
    margin: 15px 0 3px;
    font-size: 1.5em; }
  div.flat-container h4 {
    font-size: 1.25em; }
  div.flat-container a {
    color: #fb9922; }
  div.flat-container .privacyPolicy p, div.flat-container .termsOfUse p {
    margin-bottom: 1.55em;
    font-size: 0.985em;
    font-weight: normal;
    line-height: 1.55em;
    color: rgba(68, 68, 68, 0.7); }
  div.flat-container .privacyPolicy li, div.flat-container .termsOfUse li {
    font-size: 0.985em;
    font-weight: normal;
    line-height: 1.55em;
    color: rgba(68, 68, 68, 0.7); }

ul.list p.subtitleLabelIcon, ul.odkContentsContainer p.subtitleLabelIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  ul.list p.subtitleLabelIcon img, ul.odkContentsContainer p.subtitleLabelIcon img {
    display: inline-block;
    margin: 3px 0 0 0;
    padding: 0 3px;
    width: auto;
    height: 12px;
    border-right: 1px solid #ddd !important; }
    ul.list p.subtitleLabelIcon img:first-child, ul.odkContentsContainer p.subtitleLabelIcon img:first-child {
      padding-left: 0; }
    ul.list p.subtitleLabelIcon img:last-child, ul.odkContentsContainer p.subtitleLabelIcon img:last-child {
      border: none !important; }

button#topBtn {
  position: fixed;
  /* Fixed/sticky position */
  bottom: 70px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #3ebf11;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  width: 50px; }
  button#topBtn > i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px; }
  button#topBtn > .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }

button#topBtn:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */ }

button#bottomBtn {
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #3ebf11;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  width: 50px; }
  button#bottomBtn > i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px; }
  button#bottomBtn > .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }

button#bottomBtn:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */ }

div.hoverInfo {
  position: absolute;
  z-index: 50;
  margin: 0;
  padding: 17px 20px;
  width: 215px;
  height: 312px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.31); }
  div.hoverInfo > .contentBox {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }
    div.hoverInfo > .contentBox > p.title {
      margin: 0;
      padding: 0;
      width: 100%;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.125rem;
      color: #3D3C41; }
    div.hoverInfo > .contentBox > p.ppvPrice {
      margin: 0;
      padding: 0;
      font-size: 11px;
      color: #A7A7A7; }
    div.hoverInfo > .contentBox > p.movieGenre {
      margin: 0;
      padding: 0;
      font-size: 11px;
      color: #A7A7A7; }
    div.hoverInfo > .contentBox > ul.movieInfo {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 15px;
      line-height: 15px;
      list-style-type: none; }
      div.hoverInfo > .contentBox > ul.movieInfo li {
        float: left;
        display: inline-block;
        margin: 0;
        padding-left: 5px;
        padding-right: 3px;
        font-size: 11px;
        color: #A7A7A7;
        background: url('https://production-static.ondemandkorea.com/img/hoverInfo.png?fa06a8698ad9') -62px -15px no-repeat; }
        div.hoverInfo > .contentBox > ul.movieInfo li:first-child {
          padding-left: 0;
          background-image: none; }
        div.hoverInfo > .contentBox > ul.movieInfo li:last-child {
          background-image: none; }
    div.hoverInfo > .contentBox > ul.subtitles {
      margin-top: 2px;
      padding-left: 16px;
      width: 100%;
      height: 15px;
      line-height: 15px;
      background: url('https://production-static.ondemandkorea.com/img/hoverInfo.png?fa06a8698ad9') -62px 0 no-repeat;
      list-style-type: none; }
      div.hoverInfo > .contentBox > ul.subtitles li {
        float: left;
        display: inline-block;
        margin: 0;
        padding-left: 5px;
        padding-right: 3px;
        font-size: 12px;
        color: #46A900;
        background: url('https://production-static.ondemandkorea.com/img/hoverInfo.png?fa06a8698ad9') -62px -15px no-repeat; }
        div.hoverInfo > .contentBox > ul.subtitles li:first-child {
          background-image: none; }
    div.hoverInfo > .contentBox > p.description {
      position: relative;
      margin-top: 5px;
      padding: 0;
      line-height: 1.125rem;
      font-size: 14px;
      color: #505050;
      overflow: hidden; }
      div.hoverInfo > .contentBox > p.description > a.linkMore {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 42px;
        height: 18px;
        font-size: 14px;
        text-align: right;
        line-height: 1.125rem;
        text-decoration: underline;
        color: #8E8E8E;
        background-color: #fff; }
      div.hoverInfo > .contentBox > p.description::before {
        position: absolute;
        padding-left: 80px;
        bottom: 0;
        right: 42px;
        content: '...';
        background: rgba(255, 255, 255, 0);
        /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left, right, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
        /* IE10+ */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
        /* IE6-9 */
        color: #8E8E8E; }
  div.hoverInfo > .previewBox {
    flex: auto;
    margin-top: 13px;
    padding: 0;
    width: 100%;
    height: 100px;
    background-color: rgba(68, 68, 68, 0.1); }
    div.hoverInfo > .previewBox > a {
      position: relative;
      margin: 0;
      padding: 0;
      display: block;
      width: 175px;
      height: 100px; }
      div.hoverInfo > .previewBox > a::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: '';
        width: 47px;
        height: 47px;
        background: url('https://production-static.ondemandkorea.com/img/hoverInfo.png?fa06a8698ad9') -15px 0 no-repeat;
        display: none; }
    div.hoverInfo > .previewBox > a:hover::before {
      display: block; }
  div.hoverInfo::before, div.hoverInfo::after {
    position: absolute;
    top: 129px;
    display: block;
    content: '';
    margin: 0;
    padding: 0;
    width: 15px;
    height: 23px; }
  div.hoverInfo::before {
    left: -15px;
    background: url('https://production-static.ondemandkorea.com/img/hoverInfo.png?fa06a8698ad9') 0 -23px no-repeat; }
  div.hoverInfo::after {
    right: -15px;
    background: url('https://production-static.ondemandkorea.com/img/hoverInfo.png?fa06a8698ad9') 0 0 no-repeat; }
  div.hoverInfo.common {
    top: 300px;
    left: 10px; }
    div.hoverInfo.common > .contentBox {
      height: 165px; }
  div.hoverInfo.movie {
    top: 300px;
    left: 310px; }
    div.hoverInfo.movie > .contentBox {
      height: 100%; }
      div.hoverInfo.movie > .contentBox > p.description {
        padding-top: 10px;
        border-top: 1px dotted #E5E5E5; }
  div.hoverInfo.ppv {
    top: 300px;
    left: 610px; }
    div.hoverInfo.ppv > .contentBox {
      height: 100%; }
      div.hoverInfo.ppv > .contentBox > p.description {
        padding-top: 10px;
        border-top: 1px dotted #E5E5E5; }

.password-reset.title {
  margin: 20px 0 5px;
  font-size: 20px;
  font-weight: bold;
  color: #333; }

.password-reset.msgBox {
  margin: 0;
  padding: 16px 16px 16px 60px;
  border: 1px solid rgba(51, 51, 51, 0.15);
  background: url('https://production-static.ondemandkorea.com/img/billing/ico_confirm.jpg?fa06a8698ad9') 20px 14px no-repeat;
  font-size: 18px; }
  .password-reset.msgBox .emphasis {
    font-weight: bold;
    color: #3ebf11; }

.widget-title {
  margin: 20px 0 10px;
  font-size: 20px;
  font-weight: 500; }

.widget {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 980px; }
  .widget .slick-prev, .widget .slick-next {
    position: absolute;
    z-index: 11;
    top: 36px;
    width: 46px;
    height: 50px;
    text-indent: -999px;
    display: none !important;
    overflow: hidden;
    border: none;
    cursor: pointer; }
  .widget .slick-prev {
    left: 0;
    background: url('https://production-static.ondemandkorea.com/img/asset-carousel.png?cef93f7ac1fa') -46px 0 no-repeat; }
    .widget .slick-prev:hover {
      background-position: -46px -50px; }
  .widget .slick-next {
    right: 0;
    background: url('https://production-static.ondemandkorea.com/img/asset-carousel.png?cef93f7ac1fa') 0 0 no-repeat; }
    .widget .slick-next:hover {
      background-position: 0 -50px; }
  .widget .slick-disabled {
    visibility: hidden; }
  .widget .item {
    position: relative;
    margin: 0 5px 4px;
    padding: 0;
    width: 220px;
    height: 204px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(68, 68, 68, 0.2);
    border: 1px solid rgba(68, 68, 68, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden; }
    .widget .item > a {
      display: block;
      width: 100%;
      height: 100%; }
    .widget .item .badge-odkplus {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      padding: 1px 5px;
      font-size: 10px;
      letter-spacing: 0.005rem;
      color: #FFFFFF;
      background: #3EBF11;
      /* Old browsers */
      background: -moz-linear-gradient(top, #3EBF11 0%, #2D8A0C 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3EBF11), color-stop(100%, #2D8A0C));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #3EBF11 0%, #2D8A0C 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #3EBF11 0%, #2D8A0C 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #3EBF11 0%, #2D8A0C 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #3EBF11 0%, #2D8A0C 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */
      -webkit-border-radius: 4px 0;
      -moz-border-radius: 4px 0;
      -ms-border-radius: 4px 0;
      border-radius: 4px 0; }
      .widget .item .badge-odkplus::before {
        content: 'ODK PLUS'; }
    .widget .item .thumbnail {
      position: relative;
      width: 220px;
      height: 122px;
      background: #DDDDDD;
      overflow: hidden; }
      .widget .item .thumbnail > img.common {
        display: block;
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: height 0.2s ease-in-out;
        width: auto;
        height: 124px; }
      .widget .item .thumbnail > img.bg-overlay {
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 220px;
        height: auto;
        opacity: 0.12;
        filter: alpha(opacity=12); }
      .widget .item .thumbnail .seekbar {
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 0;
        width: 220px;
        height: 8px;
        background: rgba(221, 221, 221, 0.9); }
        .widget .item .thumbnail .seekbar > .in-progress {
          height: 8px;
          background: #3EBF11; }
        .widget .item .thumbnail .seekbar::after {
          content: '';
          position: absolute;
          z-index: 4;
          bottom: 8px;
          width: 100%;
          height: 40px;
          background: transparent;
          /* Old browsers */
          background: -moz-linear-gradient(top, transparent 0%, black 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, transparent 0%, black 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, transparent 0%, black 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, transparent 0%, black 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, transparent 0%, black 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
          /* IE6-9 */ }
    .widget .item .title {
      margin: 10px 0;
      padding: 0 15px;
      width: 100%;
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      color: #444444; }
    .widget .item .information {
      position: absolute;
      bottom: 10px;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 15px; }
      .widget .item .information > .aired-on {
        font-size: 12px;
        color: #444444; }
        .widget .item .information > .aired-on > b {
          font-weight: 500;
          color: #E3A6A6; }
      .widget .item .information > .subtitles {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .widget .item .information > .subtitles > img {
          display: block;
          padding: 0 3px;
          border-left: 1px solid rgba(0, 0, 0, 0.2); }
          .widget .item .information > .subtitles > img:first-child {
            border: none; }
      .widget .item .information > .clip-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #444; }
    .widget .item.movie img.common {
      width: auto;
      height: 122px; }
    .widget .item:hover .title {
      color: #3EBF11; }
    .widget .item:hover img.common {
      width: auto;
      height: 130px; }
  .widget:hover .slick-prev, .widget:hover .slick-next {
    display: block !important; }

.alert-debug {
  background-color: #fff;
  border-color: #d6e9c6;
  color: #000; }

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

[hidden][style="display: block;"] {
  display: block !important; }

.webapp-base .navbar-odk-light {
  background-color: #fff;
  border-color: #444;
  height: 56px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  text-align: center; }
  .webapp-base .navbar-odk-light .navbar-brand {
    color: #444; }
    .webapp-base .navbar-odk-light .navbar-brand:hover, .webapp-base .navbar-odk-light .navbar-brand:focus {
      color: #2b2b2b;
      background-color: transparent; }
  .webapp-base .navbar-odk-light .navbar-text {
    color: #444; }
  .webapp-base .navbar-odk-light .navbar-nav {
    height: inherit; }
    .webapp-base .navbar-odk-light .navbar-nav > li > a {
      color: #444; }
      .webapp-base .navbar-odk-light .navbar-nav > li > a:hover, .webapp-base .navbar-odk-light .navbar-nav > li > a:focus {
        color: #2db400;
        background-color: transparent; }
    .webapp-base .navbar-odk-light .navbar-nav > .active > a, .webapp-base .navbar-odk-light .navbar-nav > .active > a:hover, .webapp-base .navbar-odk-light .navbar-nav > .active > a:focus {
      color: #2db400;
      background-color: #eeeeee; }
    .webapp-base .navbar-odk-light .navbar-nav > .disabled > a, .webapp-base .navbar-odk-light .navbar-nav > .disabled > a:hover, .webapp-base .navbar-odk-light .navbar-nav > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; }
  .webapp-base .navbar-odk-light .navbar-toggle {
    border-color: #ddd; }
    .webapp-base .navbar-odk-light .navbar-toggle:hover, .webapp-base .navbar-odk-light .navbar-toggle:focus {
      background-color: #ddd; }
    .webapp-base .navbar-odk-light .navbar-toggle .icon-bar {
      background-color: #888; }
  .webapp-base .navbar-odk-light .navbar-collapse,
  .webapp-base .navbar-odk-light .navbar-form {
    border-color: #444; }
  .webapp-base .navbar-odk-light .navbar-nav > .open > a, .webapp-base .navbar-odk-light .navbar-nav > .open > a:hover, .webapp-base .navbar-odk-light .navbar-nav > .open > a:focus {
    background-color: #eeeeee;
    color: #2db400; }
  .webapp-base .navbar-odk-light .navbar-link {
    color: #444; }
    .webapp-base .navbar-odk-light .navbar-link:hover {
      color: #2db400; }
  .webapp-base .navbar-odk-light .btn-link {
    color: #444; }
    .webapp-base .navbar-odk-light .btn-link:hover, .webapp-base .navbar-odk-light .btn-link:focus {
      color: #2db400; }
    .webapp-base .navbar-odk-light .btn-link[disabled]:hover, .webapp-base .navbar-odk-light .btn-link[disabled]:focus,
    fieldset[disabled] .webapp-base .navbar-odk-light .btn-link:hover,
    fieldset[disabled] .webapp-base .navbar-odk-light .btn-link:focus {
      color: #ccc; }

.webapp-base .navbar-odk-inverse {
  background-color: #444;
  border-color: #fff; }
  .webapp-base .navbar-odk-inverse .navbar-brand {
    color: #fff; }
    .webapp-base .navbar-odk-inverse .navbar-brand:hover, .webapp-base .navbar-odk-inverse .navbar-brand:focus {
      color: #e6e6e6;
      background-color: transparent; }
  .webapp-base .navbar-odk-inverse .navbar-text {
    color: #fff; }
  .webapp-base .navbar-odk-inverse .navbar-nav > li > a {
    color: #fff; }
    .webapp-base .navbar-odk-inverse .navbar-nav > li > a:hover, .webapp-base .navbar-odk-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: #2eb300; }
  .webapp-base .navbar-odk-inverse .navbar-nav > .active > a, .webapp-base .navbar-odk-inverse .navbar-nav > .active > a:hover, .webapp-base .navbar-odk-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #2eb300; }
  .webapp-base .navbar-odk-inverse .navbar-nav > .disabled > a, .webapp-base .navbar-odk-inverse .navbar-nav > .disabled > a:hover, .webapp-base .navbar-odk-inverse .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .webapp-base .navbar-odk-inverse .navbar-toggle {
    border-color: #444; }
    .webapp-base .navbar-odk-inverse .navbar-toggle:hover, .webapp-base .navbar-odk-inverse .navbar-toggle:focus {
      background-color: #fff; }
    .webapp-base .navbar-odk-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .webapp-base .navbar-odk-inverse .navbar-collapse,
  .webapp-base .navbar-odk-inverse .navbar-form {
    border-color: #fff; }
  .webapp-base .navbar-odk-inverse .navbar-nav > .open > a, .webapp-base .navbar-odk-inverse .navbar-nav > .open > a:hover, .webapp-base .navbar-odk-inverse .navbar-nav > .open > a:focus {
    background-color: #2eb300;
    color: #fff; }
  .webapp-base .navbar-odk-inverse .navbar-link {
    color: #fff; }
    .webapp-base .navbar-odk-inverse .navbar-link:hover {
      color: #fff; }
  .webapp-base .navbar-odk-inverse .btn-link {
    color: #fff; }
    .webapp-base .navbar-odk-inverse .btn-link:hover, .webapp-base .navbar-odk-inverse .btn-link:focus {
      color: #fff; }
    .webapp-base .navbar-odk-inverse .btn-link[disabled]:hover, .webapp-base .navbar-odk-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .webapp-base .navbar-odk-inverse .btn-link:hover,
    fieldset[disabled] .webapp-base .navbar-odk-inverse .btn-link:focus {
      color: #ccc; }
  .webapp-base .navbar-odk-inverse .navbar-nav {
    margin: 0; }
  .webapp-base .navbar-odk-inverse li.nav-item {
    height: 100%; }
    .webapp-base .navbar-odk-inverse li.nav-item > a.nav-link {
      padding-left: 8px !important;
      padding-right: 8px !important; }
  .webapp-base .navbar-odk-inverse a.nav-link {
    padding-top: 16px;
    height: 50px;
    font-weight: 600; }

.webapp-base .no-padding {
  padding: 0px !important; }

.webapp-base .no-padding-side, .webapp-base .navbar-odk-inverse a.nav-link {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.webapp-base .no-margin {
  margin: 0px !important; }

.webapp-base a.dropdown-item {
  color: #444; }
  .webapp-base a.dropdown-item:hover, .webapp-base a.dropdown-item:focus {
    color: #fff;
    background-color: #2eb300; }

body.webapp-base {
  font-size: 13px;
  font-size: 0.8125rem; }

@font-face {
  font-family: 'OnDemandKorea';
  src: url("https://sp.ondemandkorea.com/fonts/fontello.eot");
  src: url("https://sp.ondemandkorea.com/fonts/fontello.eot?#iefix") format("embedded-opentype"), url("https://sp.ondemandkorea.com/fonts/fontello.ttf") format("truetype"), url("https://sp.ondemandkorea.com/fonts/fontello.woff") format("woff"), url("https://sp.ondemandkorea.com/fonts/fontello.svg#OnDemandKorea") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ODK-"], [class*=" ODK-"] {
  font-family: 'OnDemandKorea';
  speak: none;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ODK-music:before {
  content: "\e801"; }

.ODK-film:before {
  content: "\e817"; }

.ODK-gamepad:before {
  content: "\e80e"; }

.ODK-mic:before {
  content: "\e80f"; }

.ODK-arrow-right:before {
  content: "\e814"; }

.ODK-arrow-left:before {
  content: "\e815"; }

.ODK-arrow-right2:before {
  content: "\e804"; }

.ODK-arrow-left2:before {
  content: "\e802"; }

.ODK-search:before {
  content: "\e811"; }

.ODK-arrow-down:before {
  content: "\e803"; }

.ODK-arrow-right3:before {
  content: "\e809"; }

.ODK-arrow-down2:before {
  content: "\e806"; }

.ODK-arrow-left3:before {
  content: "\e808"; }

.ODK-arrow-up:before {
  content: "\e807"; }

.ODK-arrow-up2:before {
  content: "\e805"; }

.ODK-facebook:before {
  content: "\e80b"; }

.ODK-twitter:before {
  content: "\e80a"; }

.ODK-arrow-right4:before {
  content: "\e810"; }

.ODK-file-plus:before {
  content: "\e80d"; }

.ODK-file:before {
  content: "\e80c"; }

.ODK-camera:before {
  content: "\e800"; }

@charset "UTF-8";
*:focus {
  outline: none !important; }

::selection {
  background: #a8d1ff; }

::-moz-selection {
  background: #a8d1ff; }

.right {
  float: right; }

.container-non-responsive {
  margin: 0 auto;
  padding: 0px;
  width: 980px !important; }

.green {
  color: #2db400; }

.no-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 125px;
  padding-top: 5px; }

.row .first {
  padding-left: 0px;
  padding-right: 0px; }

.row .last {
  padding-right: 0px; }

.breaking {
  background: #FF0000;
  padding: 2px 6px 2px 6px;
  margin-right: 7px;
  color: #fff;
  text-transform: uppercase; }

a#breaking {
  color: #555555; }

.date {
  color: #ccc; }

.full-width .col-xs-4 .dash {
  width: 290px;
  height: auto;
  margin: 35px 0px 10px 0px; }

.gal-caption {
  width: 100%;
  bottom: -47px;
  left: 0;
  text-align: center;
  position: absolute;
  padding: 28px 10px 3px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.gal-caption.hover {
  border-bottom: 13px green solid; }

.image-bg {
  background: url('https://production-static.ondemandkorea.com/img/odk-dispatch-hover.png') no-repeat center top;
  padding-bottom: 13px;
  bottom: -57px; }

.dash-bg {
  width: 470px;
  height: auto;
  background: url('https://production-static.ondemandkorea.com/img/news-dashline-body.png') repeat-y;
  float: right;
  padding-left: 20px; }

.dash-bg.header {
  height: 5px;
  background: url('https://production-static.ondemandkorea.com/img/news-dashline-header.png') no-repeat; }

.full-dash {
  padding-bottom: 20px;
  border-top: 1px solid #eee; }

.line {
  padding-top: 10px;
  border-bottom: 4px solid #d1d1d1; }

.thumbnail {
  padding: 0px;
  border: 0px;
  border-radius: 0px; }

/*
========================================================================================= Header- Navbar */
.navbar {
  border: 0px;
  border-radius: 0px;
  min-height: 49px; }

.navbar-inverse {
  background-color: #464646;
  border-color: #464646;
  margin-bottom: 0px; }

.navbar-default {
  background-color: #fff;
  border-color: #fff;
  text-align: center;
  margin-bottom: 1px;
  border: none; }

.navbar-default i {
  font-size: 20px;
  color: #000; }

.navbar-default .mls {
  margin-top: -3px; }

.navbar-default .navbar-right > li.last > a {
  padding-right: 0px; }

.navbar-static-top .table {
  margin-bottom: 0px; }

.navbar-static-top h1.green {
  color: #2eb300;
  float: left;
  margin: 0px;
  font-weight: bold; }

.navbar-static-top td.logo {
  padding: 8px 10px 0px 0px;
  float: left; }

.navbar-static-top td.logo.news_logo {
  padding: 0px 20px 0px 0px; }

.navbar .logo {
  vertical-align: baseline; }

.navbar .logo img {
  position: relative;
  bottom: 5px; }

.navbar .join_link {
  width: 65px;
  vertical-align: middle; }

.navbar .dropdown i, .navbar #language i {
  font-size: 10px;
  padding-left: 5px; }

/* .navbar td.icon{padding:8px 4px 0px 4px;} */
.navbar .icon_td img {
  width: 20px;
  height: 20px; }

.navbar #language {
  width: 91px; }

.navbar #language .dropdown-menu {
  min-width: 95px;
  top: 25px;
  left: 766px; }

.navbar #search {
  width: 275px;
  /* padding:8px 39px 8px 51px; */
  position: relative;
  right: 30px;
  float: right;
  left: 20px;
  top: 2px; }

.navbar #title {
  float: left;
  margin-left: -30px; }

.navbar #life {
  margin: 0;
  width: 105px; }

.navbar #edu {
  margin: 0;
  width: 87px; }

.navbar-inverse .table {
  text-align: center;
  margin-bottom: 0px; }

.navbar-inverse .table td {
  background-color: #464646;
  line-height: 20px;
  padding: 15px 10px 15px 10px;
  vertical-align: middle;
  letter-spacing: 0.5px; }

.navbar-inverse .table td.v-bar {
  background: url('https://production-static.ondemandkorea.com/img/nav-bar.jpg?fa06a8698ad9') no-repeat left center;
  cursor: pointer; }

.navbar-inverse .table td.v-bar.left {
  background: none; }

.navbar-inverse .table td i {
  padding-left: 7px;
  font-size: 8px; }

.navbar-inverse .table a {
  color: #fff;
  font-weight: normal; }

.navbar-inverse .table a:hover {
  color: #fff !important; }

.navbar-inverse .table > tbody > tr > td, .navbar-static-top .table > tbody > tr > td {
  border-top: 0px; }

.navbar-inverse .table td.button {
  padding: 8px 0px 8px 0px;
  width: 130px; }

.navbar-inverse .table td.button:hover {
  background-color: #464646; }

.navbar-inverse .btn {
  color: #fff;
  font-weight: bold;
  background-color: #fd750f;
  border-color: #fd750f; }

.navbar-inverse .table td:hover, .navbar-inverse .table td.active,
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #2eb300 !important; }

.navbar-inverse .table td.button:hover {
  background-color: #464646 !important; }

.navbar-inverse .navbar-collapse {
  padding-left: 0px;
  padding-right: 0px; }

.navbar.news {
  margin-bottom: 0px; }

/*
========================================================================================= */
.navbar-inverse ul.level-top {
  display: block;
  text-align: center; }

.navbar-inverse ul li.level-top {
  display: inline-block; }

.navbar-inverse ul.dropdown-menu li {
  float: none;
  height: auto;
  display: block; }

.navbar-inverse ul.dropdown-menu li a {
  display: block;
  float: none;
  text-decoration: none !important;
  color: #262626; }

.navbar-inverse ul.dropdown-menu li a:hover {
  color: #262626 !important; }

.navbar-inverse ul.dropdown-menu li a span {
  float: none; }

/*

========================================================================================= dispatch page */
.container.dispatch {
  border-top: 4px solid #d1d1d1; }

.container.dispatch.top {
  border-top: 0px;
  padding-left: 1px; }

.container.dispatch.top .row.header {
  padding-top: 0px; }

.container.dispatch h4 {
  padding-bottom: 0px;
  padding-top: 15px; }

.container.dispatch .header {
  padding-bottom: 10px;
  margin: 0px; }

.container .full-width {
  margin-left: -15px;
  margin-right: -15px; }

.container .full-width img {
  width: 100%;
  height: auto; }

.container .full-width .ep_title {
  padding: 10px 10px 10px 0px; }

.container .full-width .top-news .col-xs-12 {
  padding-right: 5px; }

.container.dispatch.ads-right {
  border-top: 0px; }

.container.dispatch.ads-right h4#border {
  border-top: 4px solid #d1d1d1;
  padding-top: 25px;
  margin-top: 0px; }

.container.dispatch.ads-right table.list td {
  border-top: 1px solid #ddd; }

.container.dispatch.ads-right table.list td.first {
  border-top: 0px; }

.container.dispatch .quarter {
  width: 197px;
  height: 120px; }

.container.dispatch .col-xs-4.w230 {
  width: 230px;
  margin-right: 50px; }

.container.dispatch #second-margin {
  margin-left: 25px; }

.container.dispatch #third-margin {
  margin-left: 40px; }

.container.dispatch .row {
  padding-top: 5px; }

.container.dispatch #top {
  padding-top: 22px; }

.container.dispatch .row.inner {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 0px; }

.container.dispatch .last {
  padding-right: 0px;
  padding-left: 22px; }

.container.dispatch .more, .container .more {
  display: block;
  width: 100%;
  height: 25px;
  font-size: 13px; }

.container .more {
  font-size: 11px; }

.container.dispatch .no-padding1 {
  padding-left: 10px; }

.container.dispatch .no-padding2 {
  padding-left: 5px; }

.container.dispatch .no-padding3 {
  padding-left: 0px; }

.container.dispatch .more.shade {
  width: 50%;
  float: left; }

.container.dispatch .more.shade b {
  font-size: 16px; }

.container.dispatch .panel-heading {
  height: 37px; }

.container.dispatch .panel-default {
  width: 97%;
  border-radius: 0px;
  margin-top: 29px;
  /*width:463px;*/ }

.container.dispatch .panel-default.first {
  margin-left: 13px;
  border-radius: 0px;
  margin-top: 29px; }

.container.dispatch .panel-default.second {
  margin-left: 20px; }

.container.dispatch table .image {
  width: 96px; }

.container.dispatch table .news .green {
  color: #008000;
  padding-right: 5px; }

.container.dispatch table img {
  width: 80px;
  height: auto; }

.container.dispatch .more i {
  color: #008000; }

.container.dispatch .full-width .culture .col-xs-12 {
  padding-right: 9px; }

/*
========================================================================================= dispatch page with ads spot */
.container.dispatch.ads {
  border-bottom: 0px; }

.container.dispatch.ads .third {
  width: 335px;
  height: 270px;
  padding-bottom: 0px; }

.container.dispatch.ads table img {
  width: 135px;
  height: auto; }

.container.dispatch.ads table tr {
  padding-bottom: 3px; }

.container.dispatch.ads table td {
  border-top: 0px;
  /*padding:0px 8px 6px 8px;*/ }

.container.dispatch.ads .col-xs-2 {
  padding-left: 24px; }

.container.dispatch.ads .full-width h4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }

.container.dispatch.ads .full-width h4.border {
  padding-top: 10px;
  padding-bottom: 15px; }

.container.dispatch h4.border2 {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  width: 458px; }

.container.dispatch h4.border2-2 {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  width: 456px;
  margin-left: 20px; }

.container.dispatch h4.border3 {
  padding-top: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  border-top: 4px solid #d1d1d1; }

.container.dispatch.ads .full-width .col-xs-2 img {
  margin-top: 55px;
  width: 120px;
  height: 600px; }

.container.dispatch.ads .full-width .col-xs-2 img#second-ads {
  margin-top: 110px; }

.container.dispatch .full-width .row.ads .col-xs-4 {
  padding-left: 22px; }

.container.dispatch #padding-left {
  margin-left: 0px; }

.container.dispatch #padding-left .more {
  width: 478px; }

.container.dispatch .num {
  padding-left: 15px;
  font-size: 15px;
  width: 30px;
  float: left; }

.container.dispatch .num.first {
  font-size: 25px; }

.container.dispatch table.list .green, .container.dispatch table.list .no-overflow span {
  padding-left: 20px;
  padding-right: 5px; }

.container.dispatch table.list td {
  padding: 2px;
  border-top: 1px dashed #ddd; }

.container.dispatch table.second td.first {
  border-top: 0px;
  padding-top: 12px; }

.container.dispatch table.inside {
  width: 250px;
  margin-left: 40px; }

.container.dispatch table.inside td {
  border: 0px; }

.container.dispatch .third {
  width: 290px;
  height: auto;
  padding-bottom: 20px; }

.container.dispatch .third-ads {
  width: 300px;
  height: 250px;
  padding-bottom: 20px; }

.container.dispatch .third.half {
  width: 290px;
  height: 300px;
  padding-bottom: 20px; }

.container.dispatch .third.hover {
  position: relative;
  height: 600px; }

.container.dispatch .third.half.hover {
  position: relative;
  margin-top: 20px;
  height: 300px; }

.container.dispatch table#photo td.border-top {
  padding: 5px 2px 2px 4px;
  border-top: 1px solid #ddd; }

.container.dispatch table#photo #main-image {
  padding: 25px 2px 2px 15px; }

.container.dispatch table#breaking #main-title {
  padding: 0px; }

.container.dispatch table#breaking .no-overflow, .container.dispatch .table.list .no-overflow {
  width: 300px;
  padding-top: 0px; }

.container.dispatch table#photo #main-title {
  padding: 25px 2px 2px 5px; }

.container.dispatch table#photo #main-title div, .container.dispatch table#breaking #main-title div {
  padding: 0px 0px 0px 5px; }

.container.dispatch table#photo #main-title div:last-child, .container.dispatch table#breaking #main-title div:last-child {
  padding-top: 8px; }

.container.dispatch table#photo #main-title div:nth-child(2) a, .container.dispatch table#breaking #main-title div:nth-child(2) a {
  color: #555555;
  font-size: 15px; }

.container.dispatch table#photo td#main-title .green, .container.dispatch table#breaking td#main-title .green {
  padding-left: 0px; }

.container.dispatch table#photo table.inside {
  width: 275px; }

.container.dispatch table#photo td.border-top .no-overflow {
  width: 300px;
  padding-top: 0px; }

.container.dispatch table#photo td#main-title .no-overflow {
  width: 170px; }

.container.dispatch table#photo td#main-title .no-overflow span {
  padding-left: 0px; }

.container.dispatch table#photo td.first {
  border-top: 0px;
  height: 140px; }

/*
========================================================================================= dispatch news-list */
.row.center {
  width: 425px;
  margin: 0 auto; }

.row.center.title {
  /*padding-bottom:30px;*/ }

.row.center.title p#content {
  margin-top: 10px; }

.container.dispatch a.more.news i.moreview {
  font-size: 0px;
  float: right;
  width: 23px;
  height: 22px;
  background: url('https://production-static.ondemandkorea.com/img/sprite_odk-news.png?fa06a8698ad9') no-repeat -165px -115px; }

.container.dispatch a.more.news, .container.dispatch a.more.news i {
  font-size: 15px;
  color: #000; }

.container.dispatch a.more.news span {
  width: 100px; }

.row.center.thumbs {
  padding: 130px 10px 0px 10px; }

.row.center.thumbs .col-xs-3 {
  padding: 0px 5px 0px 5px; }

.container.dispatch.news {
  border-bottom: 0px;
  padding-bottom: 20px;
  border-top: 4px solid #d1d1d1; }

.container.dispatch.news .header {
  padding-bottom: 0px;
  position: relative; }

.container.dispatch.news .date {
  line-height: 30px;
  padding-top: 24px;
  margin-right: -15px; }

.container.dispatch.news .image-center {
  width: 300px;
  height: 250px;
  margin: 0 auto; }

.container.dispatch.news .image-center img {
  width: 300px;
  height: 250px; }

.ads-center {
  width: 730px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 35px; }

.container.dispatch.news #title {
  margin-left: -15px; }

.container.dispatch.news #main-big {
  width: 100%;
  height: 100%; }

.container.dispatch.news #main-small {
  width: 100%;
  height: 100%; }

.container.dispatch .row.ads.inside {
  padding: 34px 0px 0px 0px; }

.container.dispatch.news .col-xs-6.first {
  width: 495px; }

.container.dispatch.news .col-xs-6.first.w400 {
  width: 400px; }

.container.dispatch.news .col-xs-6.first.w450 {
  width: 450px; }

.container.dispatch.news .col-xs-6.last {
  width: 470px;
  float: right; }

.container.dispatch.news .col-xs-6.last.absolute {
  position: absolute;
  right: 0px;
  bottom: 0px; }

/*
========================================================================================= dispatch news-detail */
.container.dispatch.news.detail .header {
  border-top: 0px; }

.container.dispatch.news.detail h4 {
  border-bottom: 0px;
  padding-bottom: 0px; }

.container.dispatch.news.detail .ads {
  padding-right: 0px;
  padding-left: 32px; }

.container.dispatch.news.detail .ads img {
  width: 120px;
  height: 600px; }

.container.dispatch.news.detail {
  border-top: 0px; }

.container.dispatch.news.detail.comments {
  padding-bottom: 45px; }

.container.dispatch.news.detail.comments #facebook {
  margin: 10px 0px 10px 0px; }

.container.dispatch.news.detail.contents {
  border-top: 0px;
  padding-bottom: 55px;
  border-bottom: 4px solid #eee; }

.container.dispatch.news.detail #date {
  margin-top: -15px; }

.container table.list .green {
  padding-left: 10px;
  padding-right: 5px; }

.container table.list td {
  padding: 3px 0px 3px 0px; }

.container table.list td.first {
  border-top: 0px; }

.container table.list td {
  border: 0px; }

.container table.list td#main-image {
  width: 120px;
  padding-left: 0; }

.container table.list td#main-image img {
  width: 120px;
  height: auto; }

.container table.list td#main-title {
  padding: 10px 0px 0px 0px; }

.container table.list td#main-title .green, .container table#breaking .green a {
  color: #555555;
  font-size: 15px; }

.container table.list td#main-title .green, .container table#breaking .green a:hover {
  color: #fb9922; }

.container table.list td#main-title .no-overflow {
  width: 224px;
  font-size: 16px;
  padding-top: 0px; }

.container table.list td#main-title .no-overflow.second {
  font-size: 11px;
  padding-top: 10px; }

.container table.list td#main-title .no-overflow a {
  color: #555555; }

.container table.list td#main-title .no-overflow a:hover {
  color: #fb9922; }

.container table.list td#main-title .no-overflow.second a {
  color: #000; }

.container table.list td#main-title .no-overflow.second a:hover {
  color: #fb9922; }

.container table.list td#main-title .no-overflow span {
  padding-left: 10px; }

/*
========================================================================================= main index detail css */
.main_banner, .main_container {
  margin: 0; }

.main_banner_left, .main_banner_right {
  padding: 0; }

.main_banner_left {
  width: 727px; }

.main_banner_right {
  width: 249px;
  padding-left: 4px; }

.main_slider_container {
  width: 596px;
  height: 435px;
  padding: 0;
  margin-top: 2px; }

.main_news_container {
  width: 382px;
  height: 439px;
  padding: 10px 10px 10px 10px;
  margin-top: -1px;
  background: url('https://production-static.ondemandkorea.com/img/news-bg_fivepx.png') no-repeat;
  float: right; }

.main_news_container table.list td.first {
  padding: 0px; }

.main_news_title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px; }

.main_news_container .table.inside {
  margin-bottom: 10px; }

.main_news_container .ODK-arrow-right3.green {
  float: right; }

.main_news_container .more_view {
  float: right;
  font-size: 12px;
  margin-top: 3px; }

.main_news_container .col-xs-4:first-child {
  padding-left: 25px;
  padding-right: 10px; }

.main_news_container .deepest_row_second {
  padding: 0 14px; }

.main_news_container .row .last.deepest_row_last {
  padding-left: 3px; }

.main_news_container .deepest_row_container {
  clear: both;
  padding-bottom: 5px; }

/*
========================================================================================= dispatch detail css */
.container.dispatch .row.small_img_news {
  padding-top: 17px; }

.container.dispatch .row.small_img_news_container {
  padding-bottom: 5px; }

.container.dispatch .row.none_border {
  border: none; }

.container.dispatch.news .header.border_style {
  border-top: 1px solid #ddd;
  padding-top: 20px; }

.container.dispatch a.more.news {
  font-size: 12px;
  font-weight: bold;
  line-height: 24px; }

.container.dispatch .social {
  margin-top: 15px; }

.container.dispatch a.more.news span {
  float: left; }

.container.dispatch a.more.news i {
  margin-top: 1px;
  margin-left: 3px;
  float: left; }

/*
========================================================================================= layout detail css */
.container.dispatch .row.six_columns {
  padding-top: 0;
  border: none; }

.three_colums_border {
  border-top: 3px solid #eee; }

.colums_border_style {
  border-bottom: 3px solid #eee;
  padding-bottom: 15px; }

.container.dispatch h4.title_border {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px; }

.container.dispatch.ads .col-xs-2.ads_style {
  padding-top: 39px; }

.container.dispatch.ads .col-xs-2.ads_style2 {
  padding-top: 47px; }

.no-overflow.list_news_first {
  width: 133px; }

.container.dispatch table.inside.list_news {
  width: 88%;
  margin-bottom: 13px; }

.container.dispatch table.list .green.padding_style {
  padding-left: 10px; }

.container.dispatch .row.bottom_style {
  border-bottom: 3px solid #eee;
  padding-bottom: 15px; }

.container.dispatch.ads .col-xs-3.first.no_padding {
  padding-left: 0; }

.container.dispatch .row.entertainment {
  width: 830px;
  margin: 0 auto; }

.container.dispatch .table.list {
  width: 100%;
  margin-left: 0px; }

/*
========================================================================================= news-detail detail css */
.news_detail_container {
  padding-left: 0; }

/*
========================================================================================= head detail css */
.navbar-default .navbar-form {
  display: inline-block; }

.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  float: left; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent; }

.main_news_container h4 {
  float: left;
  padding: 7px 0px 12px 11px;
  margin: 0px;
  border-bottom: 0px; }

.container .more.main {
  width: auto;
  float: right;
  padding: 15px 5px 0px 0px; }

.container .more.main .ODK-arrow-right3.green {
  float: none; }

.contents.sub .item img.new {
  width: 25px;
  height: 5px;
  border: 0px;
  margin-bottom: 10px; }

.tab-content ul {
  padding-left: 0px; }

.tab-content ul li.first {
  padding-left: 0px;
  clear: both; }

.tab-content ul li.last {
  padding-right: 0px;
  float: right; }

.tab-content ul li {
  list-style: none;
  float: left;
  padding: 16px; }

.tab-content ul li img {
  border: 1px solid #cccccc; }

.contents.sub .nav-tabs > li > a.v-bar {
  background: url('https://production-static.ondemandkorea.com/img/nav-bar.jpg?fa06a8698ad9') no-repeat left center; }

.contents.sub .nav-tabs > li > a {
  font-size: 15px;
  color: #555555;
  /*color: #888888;*/
  font-weight: 700; }

.contents.sub .nav-tabs > li > a:hover {
  border-color: #fff;
  color: #fb9922;
  border-bottom: 4px solid #2EB300;
  font-size: 1.5em; }

.contents.sub .nav > li > a:hover, .contents.sub .nav > li > a:focus {
  text-decoration: none;
  background-color: #fff; }

.contents.sub .nav-tabs > li.active > a {
  color: #000;
  /*color: #6D6969;*/
  /*font-size: 17px;*/
  font-size: 1.6em;
  font-weight: bold;
  /*font-weight: 800;*/
  border: 0px;
  border-bottom: 4px solid #2EB300;
  outline: none; }

.contents.sub .nav-tabs > li.active > a:hover, .contents.sub > li.active > a:focus {
  color: #fb9922; }

.footer .row.bottom {
  padding-top: 30px; }

.footer .row.copyright .col-xs-12 {
  width: 283px;
  margin: 0 auto;
  color: #999999;
  margin-bottom: 20px; }

.footer ul li {
  float: left;
  list-style: none;
  padding: 0px 16px 0px 15px; }

.footer ul li.last {
  padding-right: 0px; }

.footer ul li.first {
  padding-left: 0px;
  margin-left: -22px;
  background: none; }

.footer ul li a {
  color: #8a8689; }

.table.list {
  margin-left: 13px;
  width: 335px;
  clear: both;
  margin-bottom: 10px; }

.main_news_container table .ODK-arrow-right3.green {
  float: left;
  padding: 2px 0px 0px 0px;
  margin-left: -3px;
  background: url('https://production-static.ondemandkorea.com/img/minibullet.png') no-repeat -1px 0px;
  font-size: 0;
  width: 8px;
  height: 9px; }

.selector {
  width: 65px;
  position: absolute;
  right: 30px;
  top: 9px; }

.selector .ODK-arrow-right3 {
  float: left;
  cursor: pointer;
  background: url('https://production-static.ondemandkorea.com/img/sprite_odk-news.png?fa06a8698ad9') no-repeat -53px -116px;
  width: 17px;
  height: 17px;
  font-size: 0; }

.selector .ODK-arrow-left3 {
  float: left;
  cursor: pointer;
  background: url('https://production-static.ondemandkorea.com/img/sprite_odk-news.png?fa06a8698ad9') no-repeat -36px -116px;
  width: 17px;
  height: 17px;
  font-size: 0; }

.selector .page {
  float: left;
  color: #8a8689;
  padding-right: 10px; }

.tab-content ul li.item.second {
  padding-left: 35px; }

.tab-content ul li.item.third {
  padding-left: 19px; }

.tab-content ul li.item.fourth {
  padding-left: 19px; }

.container.sub .tab-pane .ep_title {
  padding-top: 15px; }

/*
========================================================================== sub-issue-video */
.youtube .ads-center {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 5px; }

.youtube .col-xs-9 {
  width: 700px;
  height: 394px;
  padding: 0px; }

.youtube .col-xs-3 {
  width: 280px;
  height: 394px;
  padding: 0px;
  background-color: #2d2d2d; }

table.youtube span {
  color: #fff;
  font-size: 17px; }

table.youtube tr > td {
  border: 0px;
  padding: 6px;
  vertical-align: middle;
  text-align: center; }

.clips .prev-episode {
  border-bottom: 1px solid #000;
  margin-bottom: 5px; }

div#mastheadDividerSubject {
  background-repeat: no-repeat;
  background-position: 0 100%;
  text-align: left;
  width: 980px;
  margin: 0 auto;
  height: 39px;
  color: #424242;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 0 15px;
  padding-top: 7px;
  position: relative; }

#title_sns {
  position: absolute;
  top: 7px;
  left: 704px;
  right: 0px; }

.clips a:hover .ep_date, .third.hover:hover span {
  color: #000; }

.navbar td.icon a:hover, .container.dispatch .table.list a.custom_hover:hover, a.custom_hover:hover {
  text-decoration: none; }

.navbar td.icon a:hover .mls, .container.dispatch table.list .no-overflow a:hover span.only_underline, a.custom_hover:hover span.only_underline {
  text-decoration: none; }

.deepest_row_container .ep_title {
  margin-top: 10px;
  max-width: 106px; }

h4, .h4 {
  font-size: 20px; }

.container.dispatch.top a:hover, .container.dispatch.top a:focus, .container.dispatch a:hover {
  color: #000; }

.container.dispatch table.list .no-overflow span.only_underline {
  padding: 0; }

.container table.list .green.custom_paading {
  padding-left: 5px; }

.container.dispatch.top .col-xs-10 {
  padding-right: 7px; }

.more_view {
  font-size: 11px; }

.container.dispatch.top .full-width .col-xs-10 .col-xs-12 {
  padding-right: 0; }

.custom_font_size {
  font-size: 22px; }

.container.dispatch.news.detail.contents p {
  font-size: 16px; }

.navbar-inverse .table td.v-bar.menu_life, .navbar-inverse .table td.v-bar.menu_edu {
  position: relative; }

.navbar-inverse .table td.v-bar.nav_hover_css {
  background: none;
  background-color: #2eb300 !important;
  cursor: pointer; }

.navbar-inverse .table td.v-bar.nav_hover_next {
  background: none; }

.right_links {
  position: fixed;
  top: 40%;
  right: 0; }

.right_links div {
  height: 41px;
  width: 33px; }

.right_links .facebook_link {
  background: url('https://production-static.ondemandkorea.com/img/fb.png') no-repeat;
  padding: 15px;
  font-size: 0; }

.right_links .twitter_link {
  background: url('https://production-static.ondemandkorea.com/img/twitter.png') no-repeat;
  padding: 15px;
  font-size: 0; }

.navbar-inverse .navbar-collapse span {
  font-size: 13px;
  font-weight: 600; }

.navbar #language .dropdown-menu li a {
  font-size: 12px;
  color: #8a8689; }

#language > a, .join_link a, .login_link a {
  color: #8a8689; }

.no_ads_button {
  background: url('https://production-static.ondemandkorea.com/img/sprite_odk-news.png?fa06a8698ad9') no-repeat -308px -18px;
  width: 132px; }

.no_ads_button a {
  display: block; }

.navbar-inverse .navbar-collapse .no_ads_button a span {
  font-size: 0; }

.dropdown_arrow {
  background: url('https://production-static.ondemandkorea.com/img/arrow.png') no-repeat 0px 0px;
  padding: 5px;
  float: right; }

/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Nanum Gothic', sans-serif; line-height: 1.8;} */
.main_news_title span {
  font-size: 17px;
  font-weight: 600; }

.contents .iosSlider .slider .ep_title b {
  font-size: 13px; }

.contents-1row .iosSlider .slider .ep_title b {
  font-size: 13px; }

h4.font_size_custom {
  /*font-size:18px;*/ }

.col-xs-12.padding_custom {
  padding-top: 10px; }

h4.font_size_custom strong {
  /*color: #6D6969;*/
  font-weight: 800; }

h4.font_size_custom.hot_issue {
  font-size: 19px; }

#hot_news, .dropdown-menu.hot_news_menu_drop {
  margin-top: 0; }

.container.dispatch.news .col-xs-6.last.ad_banner {
  padding-top: 32px;
  /*position: absolute;*/
  right: 0;
  bottom: 20px; }

.register {
  text-align: center; }

.container.dispatch.register {
  text-align: center;
  border-top: 1px solid #d1d1d1;
  padding-bottom: 20px; }

.container.register .facebooklogin, .container.register .register-button {
  width: 331px;
  height: 72px;
  margin-top: 20px; }

.form-horizontal {
  border-top: 3px solid #D1D1D1;
  border-bottom: 3px solid #D1D1D1; }

.form-horizontal .control-group {
  margin-bottom: 20px;
  margin-top: 20px;
  height: 30px;
  padding-left: 35px; }

.form-horizontal .control-group2 {
  margin-bottom: 20px;
  margin-top: 20px;
  height: 30px; }

.form-horizontal .ODK-stop {
  font-size: 10px; }

.form-horizontal .control-label {
  float: left;
  width: 150px;
  padding-top: 0px;
  padding-left: 10px;
  text-align: left;
  line-height: 30px;
  font-weight: normal; }

.register .form-horizontal .control-label {
  background: url('https://production-static.ondemandkorea.com/img/minibullet-green.png') no-repeat 0px 11px; }

.form-horizontal .controls {
  margin-left: 150px;
  text-align: left; }

.form-horizontal input {
  width: 250px;
  height: 30px;
  background: #F2F2F2;
  border: 1px solid #9C9C9C; }

.form-horizontal label.radio {
  width: 70px;
  float: left;
  padding: 0px;
  line-height: 30px;
  font-weight: normal; }

.form-horizontal #ws-plugin--s2member-custom-reg-field-gender-0, .form-horizontal #ws-plugin--s2member-custom-reg-field-gender-1 {
  width: 13px;
  height: 17px;
  float: left;
  margin-top: 6px;
  margin-right: 20px; }

.row-fluid .buttons {
  width: 65px;
  float: left; }

.row-fluid .buttons-text {
  float: left;
  line-height: 30px;
  padding: 0px 5px; }

.row-fluid .span4 {
  width: 31.914893617021278%;
  float: left; }

.row-fluid .span8 {
  width: 65.95744680851064%;
  float: left; }

.form-horizontal .span12.control-label {
  width: 100%; }

.form-horizontal .btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.form-horizontal .bootstrap-select.btn-group .btn .filter-option {
  left: 5px; }

span.underline {
  color: #E38239;
  text-decoration: underline; }

span.orange {
  color: #E38239; }

.container.membership {
  text-align: center;
  background: #F1F0F0; }

p.notice {
  color: #E38239; }

p.info {
  font-size: 14px; }

.billing-title {
  margin-top: 0px; }

.billing .form-horizontal {
  border-top: 3px dotted #888888;
  border-bottom: 3px dotted #888888;
  padding-top: 15px; }

.billing .form-horizontal .control-label {
  padding-left: 0px;
  width: 250px; }

.billing .row-fluid .buttons {
  width: 80px;
  padding-right: 10px; }

#inputCardValidation, #inputZipcode {
  width: 100px; }

.inputHolderName {
  width: 124px !important; }

.inputExpireDate {
  width: 100px !important; }

.billing label.checkbox {
  width: 100%;
  padding-left: 0px;
  font-weight: normal; }

.billing label {
  font-weight: normal; }

.billing #agree {
  width: 50px;
  height: auto;
  margin-top: 0px; }

.billing #agree {
  margin-left: 0px; }

.billing .checkout2 {
  text-align: right; }

.billing .checkout {
  text-align: right; }

ul.login {
  padding-left: 18px;
  padding-top: 10px; }

ul.login li {
  padding: 5px 0px; }

h3.bold {
  font-weight: bold; }

.popup-bottom {
  border-top: 1px solid #ccc;
  text-align: center;
  padding-top: 5px; }

.popup .form-horizontal {
  border-top: 0px;
  border-bottom: 0px; }

.popup .form-horizontal .control-group {
  margin-bottom: 10px;
  margin-top: 10px; }

.popup .form-horizontal .control-label {
  padding-left: 0px;
  width: 50px;
  margin-right: 10px; }

.popup .form-horizontal .controls {
  margin-left: 50px; }

.popup .form-horizontal input {
  width: 220px; }

.popup .checkbox {
  padding: 0px; }

.popup .checkbox input[type="checkbox"] {
  width: 25px;
  height: 15px;
  margin-top: 0;
  margin-left: 0px; }

.popup span.underline.green {
  color: #008000; }

.fancybox-opened .fancybox-skin {
  background: #fff; }

.gal-caption span {
  z-indeX: 99999;
  position: absolute;
  left: 74px;
  bottom: 20px; }

.container.dispatch .gal-caption h4 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 5px; }

.container.dispatch .gal-caption h5 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 13px;
  margin-bottom: 0; }

.ODK-file.absolute {
  position: absolute;
  z-index: 99999;
  top: 8px;
  left: 137px;
  font-size: 19px; }

.container.billing .row.header {
  padding-bottom: 18px;
  padding-top: 5px; }

.container.billing {
  padding-bottom: 20px; }

.container.register {
  padding-bottom: 10px; }

.more_view_arrrow {
  position: absolute;
  left: 117px;
  top: 88px;
  display: none; }

.gal-caption:hover .more_view_arrrow {
  display: block; }

/*
********** ODK CSS **********
*/
.top-6 .first-row {
  width: 290px !important;
  height: 290px !important; }

.top-6 .second-row {
  width: 290px !important;
  height: 200px !important; }

.top-6 .third-row {
  width: 290px !important;
  height: 200px !important; }

.container.dispatch .third.half {
  height: 300px !important; }

#channels {
  position: absolute;
  width: 60px;
  top: 5px;
  left: -63px; }

.knews_menu {
  width: 980px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  margin-top: 5px; }

.submenu {
  padding-left: 0px; }

.submenu li {
  display: inline;
  float: left;
  font-size: 1.6em;
  padding-left: 15px;
  height: 33px; }

.submenu a {
  display: block; }

.mastheadDivider {
  width: 100%;
  height: 39px; }

div#mastheadDividerSubject {
  background-repeat: no-repeat;
  /*  background-position: 0 100%; */
  text-align: left;
  width: 980px;
  margin: 0 auto;
  height: 39px;
  color: #424242;
  font-size: 15px;
  font-weight: bold;
  padding-top: 7px;
  position: relative; }

#title {
  margin: 0 auto; }

#title_sns {
  position: absolute;
  top: 7px;
  left: 704px;
  right: 0px; }

div#mainContent {
  width: 100%;
  position: relative; }

div#mainContentInner {
  width: 980px;
  min-height: 550px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: left; }

div.genreSub {
  width: 100%;
  float: left;
  padding-left: 15px;
  text-align: left;
  position: relative; }

div.genreSub img {
  margin-bottom: 10px; }

div.genreSub li {
  float: left;
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  padding-bottom: 0px; }

div.genreSubcat {
  width: 100%;
  float: left;
  padding-left: 15px;
  text-align: left;
  position: relative; }

div.genreSubcat img {
  margin-bottom: 10px; }

div.genreSubcat ul {
  margin: 0;
  padding: 0;
  list-style: none; }

div.genreSubcat li {
  float: left;
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  padding-bottom: 0px; }

div.genreSubProfile {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  text-align: left;
  position: relative; }

div.genreSubProfile img {
  margin-bottom: 10px; }

div.genreSubProfile li {
  float: left;
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  padding-bottom: 45px; }

div.ep_wrap, li.ep_wrap {
  width: 20%;
  float: left;
  text-align: center; }

div.ep {
  width: 173px;
  text-align: left;
  float: left;
  margin: 0 auto;
  font-size: 11px;
  margin-bottom: 15px;
  position: relative; }

div.ep img {
  margin: 0 0 3px 0;
  border: 1px solid #cccccc; }

div.ep_last img {
  margin: 0 0 3px 0;
  border: 1px solid #cccccc; }

.ep:hover a {
  color: #fb9922; }

div.ep_last {
  position: relative;
  float: left;
  width: 174px;
  text-align: left;
  font-size: 11px; }

.ep_last:hover a {
  color: #fb9922; }

div.ep_history {
  float: left;
  width: 160px;
  text-align: left;
  margin-right: 20px;
  font-size: 11px;
  margin-bottom: 12px; }

div.ep_history img {
  margin: 0 0 3px 0;
  border: 1px solid #cccccc; }

.ep_history_profile {
  float: left;
  width: 150px;
  height: 165px;
  text-align: left;
  margin-right: 20px;
  font-size: 11px;
  margin-bottom: 20px; }

.ep_history_profile img {
  width: 160px;
  margin-right: 10px;
  border: 1px solid #cccccc; }

.content {
  border-top: 1px solid #575757;
  float: left;
  clear: both;
  width: 100%; }

/* Pagination DIV */
#pg {
  background-color: #FFFFFF;
  text-align: center;
  font-size: 10px;
  color: #2B3956;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  text-align: left; }

/* Pagination Link */
#pg a {
  font-size: 10px;
  text-decoration: none;
  color: #000000;
  border: 1px solid #dddddd;
  padding: 3px;
  -moz-border-radius: 3px;
  margin-right: 5px; }

#pg a:hover {
  font-size: 10px;
  text-decoration: none;
  color: #000000;
  border: 1px solid #A7A7A7;
  background-color: white;
  padding: 3px;
  -moz-border-radius: 3px; }

/* Pagination Current Page */
#pg a.current {
  font-size: 10px;
  text-decoration: none;
  color: #000000;
  border: 1px solid #336699;
  background-color: #F5F7FA;
  padding: 3px;
  -moz-border-radius: 3px; }

/* Pagination Disabled Page */
#pg span.disabled {
  font-size: 10px;
  text-decoration: none;
  color: #C6C7C7;
  border: 1px solid #C6C7C7;
  background-color: white;
  padding: 3px;
  -moz-border-radius: 3px; }

#pg .pgnum {
  float: left;
  margin-bottom: 10px; }

div#information {
  float: left;
  width: 100%;
  display: inline;
  position: relative; }

div.mutual_recommand_obj {
  margin-right: 25px;
  float: left;
  width: 170px;
  position: relative;
  margin-bottom: 15px; }

div.mutual_recommand_img {
  display: inline;
  float: left; }

.mutual_poster {
  border: 1px solid #cccccc;
  width: 168px;
  height: 238px; }

div.ep_box {
  width: 168px;
  height: 268px;
  margin-bottom: 20px;
  margin-right: 5px;
  position: relative; }

div.ep_box:hover a {
  color: #fb9922; }

div.ep_box img {
  border: 1px solid #cccccc; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

.container_12 .grid_1 {
  width: 60px; }

.container_12 .grid_2 {
  width: 140px; }

.container_12 .grid_3 {
  width: 220px; }

.container_12 .grid_4 {
  width: 300px; }

.container_12 .grid_5 {
  width: 380px; }

.container_12 .grid_6 {
  width: 460px; }

.container_12 .grid_7 {
  width: 540px; }

.container_12 .grid_8 {
  width: 620px; }

.container_12 .grid_9 {
  width: 700px; }

.container_12 .grid_10 {
  width: 780px; }

.container_12 .grid_11 {
  width: 860px; }

.container_12 .grid_12 {
  width: 940px; }

.container_12 .grid_12 h1 {
  font-size: 2em;
  font-weight: 600; }

#sidebar {
  border: 1px solid #5A4;
  padding: 10px;
  border-radius: 5px;
  background: #CEC; }

#radios {
  font-size: 1em; }

#radios table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none; }

#radios table td {
  border-collapse: collapse;
  border-spacing: 0;
  border: none; }

.iosSlider.banner {
  width: 596px;
  height: 435px;
  visibility: hidden; }

.iosSlider.banner .PrevSelector {
  background: url('https://production-static.ondemandkorea.com/img/odk-news-slider.png?fa06a8698ad9') no-repeat -10px -5px;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
  left: 0;
  top: 182px; }

.iosSlider.banner .PrevSelector:hover {
  background: url('https://production-static.ondemandkorea.com/img/odk-news-slider-on.png?fa06a8698ad9') no-repeat -10px -5px; }

.iosSlider.banner .NextSelector {
  background: url('https://production-static.ondemandkorea.com/img/odk-news-slider.png?fa06a8698ad9') no-repeat -105px -2px;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
  right: 0;
  top: 182px; }

.iosSlider.banner .NextSelector:hover {
  background: url('https://production-static.ondemandkorea.com/img/odk-news-slider-on.png?fa06a8698ad9') no-repeat -105px -2px; }

.col_left {
  width: 237px;
  float: left;
  margin-right: 20px;
  color: #444444; }

.col_left h3 {
  size: 15px;
  margin-bottom: 5px;
  margin-top: 10px; }

.col_right {
  float: left;
  width: 720px; }

.clear {
  clear: both; }

.hr {
  color: #dddddd;
  background-color: #dddddd;
  height: 1px;
  margin-bottom: 10px; }

.account_status {
  width: 100%; }

.account_header td {
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  height: 34px;
  text-align: center;
  vertical-align: middle; }

.account_status td {
  height: 34px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e7e7e7; }

/* profile tab.css */
@CHARSET "UTF-8";
/******* GENERAL RESET *******/
.clear {
  clear: both;
  height: 0;
  visibility: hidden;
  display: block; }

a {
  text-decoration: none; }

/******* GENERAL RESET *******/
/******* /LOGO  *******/
/******* MENU *******/
#container {
  width: 100%;
  margin: 0 auto; }

#container ul {
  list-style: none;
  list-style-position: outside; }

#container ul.menu li {
  float: left; }

#container ul.menu li {
  font-weight: 700;
  display: block;
  margin-right: 5px;
  background: #efefef;
  margin-bottom: -1px;
  position: relative;
  color: #898989;
  cursor: pointer; }

#container ul.menu li.active {
  background: #fff;
  top: 0px;
  border-bottom: 0;
  color: #5f95ef; }

#container ul.menu_profile li {
  float: left; }

#container ul.menu_profile li {
  font-weight: 700;
  display: block;
  margin-right: 5px;
  background: #efefef;
  margin-bottom: -1px;
  position: relative;
  color: #898989;
  cursor: pointer; }

#container ul.menu_profile li.active {
  background: #fff;
  top: 0px;
  border-bottom: 0;
  color: #5f95ef; }

/******* /MENU *******/
.container.register.tagline {
  margin-top: 25px; }

.styled-select select {
  background: transparent;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px; }

/* sprite */
.ad_kr, .ad_kr_hover, .ad_en, .ad_en_hover, .ad_cn, .ad_cn_hover, .ad_tw, .ad_tw_hover, .noad_tw_hover, .noad_tw, .noad_cn_hover, .noad_cn, .noad_en_hover, .noad_en, .noad_kr_hover, .noad_kr {
  background: url('https://production-static.ondemandkorea.com/img/ads_buttons_sprite3.png') no-repeat;
  width: 110px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer; }

.ad_kr {
  background-position: -44px -37px;
  width: 110px;
  height: 30px; }

.ad_kr:hover {
  background-position: -165px -38px;
  width: 110px;
  height: 30px; }

.ad_en {
  background-position: -44px -74px;
  width: 110px;
  height: 30px; }

.ad_en:hover {
  background-position: -164px -74px;
  width: 110px;
  height: 30px; }

.ad_cn {
  background-position: -44px -206px;
  width: 110px;
  height: 30px; }

.ad_cn:hover {
  background-position: -165px -206px;
  width: 110px;
  height: 30px; }

.ad_tw {
  background-position: -44px -242px;
  width: 110px;
  height: 30px; }

.ad_tw:hover {
  background-position: -165px -242px;
  width: 110px;
  height: 30px; }

/* a/b testing */
.ad_test_kr, .ad_test_kr_hover, .ad_test_en, .ad_test_en_hover, .ad_test_cn, .ad_test_cn_hover, .ad_test_tw, .ad_test_tw_hover, .noad_test_tw_hover, .noad_test_tw, .noad_test_cn_hover, .noad_test_cn, .noad_test_en_hover, .noad_test_en, .noad_test_kr_hover, .noad_test_kr {
  background: url('https://production-static.ondemandkorea.com/img/ads_buttons_sprite2_2.png') no-repeat;
  width: 110px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer; }

.ad_test_kr {
  background-position: -44px -37px;
  width: 110px;
  height: 30px; }

.ad_test_kr:hover {
  background-position: -165px -38px;
  width: 110px;
  height: 30px; }

.ad_test_en {
  background-position: -44px -74px;
  width: 110px;
  height: 30px; }

.ad_test_en:hover {
  background-position: -164px -74px;
  width: 110px;
  height: 30px; }

.ad_test_cn {
  background-position: -44px -206px;
  width: 110px;
  height: 30px; }

.ad_test_cn:hover {
  background-position: -165px -206px;
  width: 110px;
  height: 30px; }

.ad_test_tw {
  background-position: -44px -242px;
  width: 110px;
  height: 30px; }

.ad_test_tw:hover {
  background-position: -165px -242px;
  width: 110px;
  height: 30px; }

.noad_test_tw:hover {
  background-position: -44px -326px;
  width: 111px;
  height: 32px; }

.noad_test_tw {
  background-position: -164px -326px;
  width: 111px;
  height: 32px; }

.noad_test_cn:hover {
  background-position: -44px -326px;
  width: 111px;
  height: 32px; }

.noad_test_cn {
  background-position: -164px -286px;
  width: 111px;
  height: 32px; }

.noad_test_en:hover {
  background-position: -44px -118px;
  width: 111px;
  height: 32px; }

.noad_test_en {
  background-position: -164px -117px;
  width: 111px;
  height: 32px; }

.noad_test_kr:hover {
  background-position: -44px -158px;
  width: 111px;
  height: 32px; }

.noad_test_kr {
  background-position: -164px -157px;
  width: 111px;
  height: 32px; }

/* for trial */
.ad_trial_kr, .ad_trial_kr_hover, .ad_trial_en, .ad_trial_en_hover, .ad_trial_cn, .ad_trial_cn_hover, .ad_trial_tw, .ad_trial_tw_hover {
  background: url('https://production-static.ondemandkorea.com/img/ads_trial_buttons_sprite.png') no-repeat;
  width: 110px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer; }

.ad_trial_kr {
  background-position: -37px -33px;
  width: 110px;
  height: 30px; }

.ad_trial_kr:hover {
  background-position: -167px -33px;
  width: 110px;
  height: 30px; }

.ad_trial_en {
  background-position: -37px -75px;
  width: 110px;
  height: 30px; }

.ad_trial_en:hover {
  background-position: -167px -75px;
  width: 110px;
  height: 30px; }

.ad_trial_cn {
  background-position: -37px -118px;
  width: 110px;
  height: 30px; }

.ad_trial_cn:hover {
  background-position: -167px -118px;
  width: 110px;
  height: 30px; }

.ad_trial_tw {
  background-position: -37px -160px;
  width: 110px;
  height: 30px; }

.ad_trial_tw:hover {
  background-position: -167px -160px;
  width: 110px;
  height: 30px; }

/**/
.noad_tw:hover {
  background-position: -44px -326px;
  width: 111px;
  height: 32px; }

.noad_tw {
  background-position: -164px -326px;
  width: 111px;
  height: 32px; }

.noad_cn:hover {
  background-position: -44px -326px;
  width: 111px;
  height: 32px; }

.noad_cn {
  background-position: -164px -286px;
  width: 111px;
  height: 32px; }

.noad_en:hover {
  background-position: -44px -118px;
  width: 111px;
  height: 32px; }

.noad_en {
  background-position: -164px -117px;
  width: 111px;
  height: 32px; }

.noad_kr:hover {
  background-position: -44px -158px;
  width: 111px;
  height: 32px; }

.noad_kr {
  background-position: -164px -157px;
  width: 111px;
  height: 32px; }

/* bootstrap modification */
.col-xs-10 {
  width: 79%; }

.col-xs-2 {
  width: 16.5%; }

.subcat_heading {
  font-size: 18px;
  font-weight: bolder; }

.table.icon img {
  vertical-align: top;
  padding-bottom: 3px; }

.rate_num {
  float: left;
  padding-top: 90px;
  display: inline;
  font-size: 2em;
  font-weight: bolder;
  width: 30px; }

.rate_poster {
  float: left;
  display: inline; }

.rate_poster img {
  border: 1px solid #cccccc;
  width: 150px;
  margin-left: 5px;
  margin-top: 5px; }

.rate_divider {
  float: left;
  display: inline;
  margin-left: 20px;
  padding-top: 10px; }

.rate_content {
  float: left;
  width: 745px;
  display: inline;
  margin-left: 20px;
  color: #5c5b5b;
  margin-top: 2px; }

.rate_content_top {
  float: left;
  width: 745px; }

.rate_content_bottom {
  float: left;
  width: 735px;
  overflow: hidden;
  padding-right: 10px;
  position: relative; }

.rate_left {
  float: left;
  width: 330px; }

.rate_left img {
  position: relative; }

.rate_right {
  margin-top: 0px;
  float: left;
  width: 400px;
  height: 50x;
  overflow: hidden;
  position: relative; }

.rate_right img {
  width: 35px;
  height: 35px; }

.rate_title {
  display: inline;
  font-size: 20px;
  font-weight: bold;
  color: #5c5b5b;
  margin-bottom: 10px;
  float: left; }

.logo_div {
  float: left;
  margin-top: 5px; }

.odk_div {
  display: inline;
  float: left; }

.movies_div {
  display: inline;
  float: left;
  margin-left: 10px; }

.enews_div {
  display: inline;
  float: left;
  margin-left: 10px; }

.icons_search_div {
  display: inline;
  float: right; }

.icons_div {
  display: inline;
  float: left;
  margin-right: 30px; }

.icons_list {
  /*margin-top:12px;*/
  margin-top: 7px;
  text-align: right;
  display: inline;
  float: left;
  margin-right: 35px;
  font-size: 14px; }

.icons_list li {
  float: right;
  padding: 0 15px 0 17px;
  background: url('https://production-static.ondemandkorea.com/img/layout/line3.gif') no-repeat 0 center; }

.icons_list li.last {
  padding-right: 0; }

.icons_list li a {
  font-weight: 500;
  color: #444; }

.icons_list li a:hover {
  color: #2db400; }

.icons_list ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.icons_list ul li.first {
  background: none;
  padding-left: 0; }

.search_div {
  display: inline;
  float: left;
  margin-top: 4px; }

/* ajax navigation */
.gallery_forward {
  position: absolute;
  height: 100%;
  background-image: url('https://production-static.ondemandkorea.com/img/arrow-l-right.png?fa06a8698ad9');
  width: 28px;
  top: 0px;
  right: 0px; }

.gallery_backward {
  position: absolute;
  height: 100%;
  background-image: url('https://production-static.ondemandkorea.com/img/arrow-l-left.png?fa06a8698ad9');
  width: 28px;
  top: 0px;
  left: 0px;
  z-index: 50; }

.gallery_forward:hover {
  background-image: url('https://production-static.ondemandkorea.com/img/arrow-l-right_on.png?fa06a8698ad9'); }

.gallery_backward:hover {
  background-image: url('https://production-static.ondemandkorea.com/img/arrow-l-left_on.png?fa06a8698ad9'); }

.componentWrapper {
  width: 980px;
  text-align: left;
  position: relative; }

.thumbInnerContainer {
  padding-left: 3px;
  float: left; }

.thumb_title {
  height: 15px;
  overflow: hidden;
  margin-bottom: 2px; }

.thumb_info {
  padding-top: 2px; }

.blankThumb {
  width: 175px;
  height: 100px; }

.loading {
  border: none !important;
  left: 50%;
  top: 43%;
  position: absolute; }

#4rows_thumbInnerContainer {
  width: 980px;
  height: 660px; }

#1row_thumbInnerContainer {
  width: 980px;
  height: 165px; }

p.error {
  color: red;
  font-size: 1.5em;
  font-weight: bolder; }

/* user-rating percentage bar */
.daysonair {
  margin-top: 5px; }

.dropdown-menu.menu-dispatch-categories {
  border-radius: 0px; }

.dropdown-menu {
  border-radius: 0px !important; }

.hover_underline:hover {
  text-decoration: underline; }

/* layout */
#wrapGnb {
  position: relative;
  z-index: 2000;
  height: 33px;
  padding-top: 3px;
  color: #737373;
  border-bottom: 1px solid #c9c9c9;
  background: #f6f6f6; }

#wrapGnb ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#wrapGnb a {
  color: #555;
  text-decoration: none;
  font-size: 12px; }

#wrapGnb input {
  outline: none; }

#wrapFooter {
  margin-top: 53px;
  clear: both; }

.wrapContent {
  z-index: 2000;
  position: relative;
  width: 980px;
  margin: 0 auto; }

/* gnb */
.gMenu1 {
  position: absolute;
  top: 6px;
  left: 0; }

.gMenu1 li {
  float: left;
  padding: 0 11px 0 9px;
  background: url('https://production-static.ondemandkorea.com/img/layout/line1.gif') no-repeat 0 center; }

.gMenu2 {
  position: absolute;
  top: 6px;
  right: 0; }

.gMenu2 li {
  float: left;
  padding: 0 0 0 13px; }

.gMenu2 .gMenu2_lang {
  position: relative; }

.gMenu2 .gMenu2_lang .currentLang {
  padding-right: 10px;
  background: url('https://production-static.ondemandkorea.com/img/layout/arrow_down1.gif') no-repeat right center;
  color: #2db400; }

#currentLang {
  height: 23px;
  cursor: pointer; }

.wrapSearch {
  position: relative;
  width: 265px;
  height: 25px;
  margin: 0 auto;
  background: url('https://production-static.ondemandkorea.com/img/layout/bg_searchform.gif') no-repeat; }

.wrapSearch form {
  margin: 0;
  padding: 0; }

.wrapSearch input[type=text] {
  margin: 4px 0 0 10px;
  padding: 0;
  width: 215px;
  border: 0; }

.wrapSearch input[type=image] {
  position: absolute;
  top: 3px;
  right: 13px; }

.gMenu2 .gMenu2_lang .layerLang {
  display: none;
  position: absolute;
  top: 23px;
  right: -20px;
  width: 93px;
  margin: 0;
  padding: 0;
  height: 56px;
  border: 1px solid #d6d6d6; }

.gMenu2 .gMenu2_lang .layerLang li {
  margin: 5px 0; }

.gMenu2 .gMenu2_lang .layerLang a {
  background: none;
  color: #737373;
  padding: 5px 0 0 12px; }

.gMenu2 .gMenu2_lang .layerLang a.on {
  color: #2db400 !important; }

/* tab */
.tabmenu {
  position: relative;
  height: 50px; }

.tabmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #555; }

.tabmenu li {
  float: left;
  width: 487px;
  height: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #555; }

.tabmenu li.mMovie {
  margin-right: 6px; }

.tabmenu li div {
  display: table-cell;
  vertical-align: middle; }

.tabmenu li a {
  width: 100%;
  height: 100%;
  background: #464646;
  display: table; }

.tabmenu li.on a {
  background: #000; }

.tabmenu li img {
  float: left;
  padding-left: 20px; }

.tabmenu li span {
  color: white;
  display: inline;
  font-size: 17px;
  line-height: 1;
  padding-left: 20px;
  vertical-align: middle; }

.tabmenu li.on span {
  color: #2eb300;
  font-size: 21px;
  padding-left: 10px; }

.btn_adnone {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 110px;
  height: 30px;
  background: url('https://production-static.ondemandkorea.com/img/content/btn_ad_none.gif') no-repeat; }

.tabmenu a {
  display: block;
  overflow: hidden; }

.movie_sorting {
  padding: 27px 0 28px;
  /*text-align:right;*/
  margin-bottom: 10px;
  font-size: 18px; }

.movie_sorting ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.movie_sorting li {
  float: right;
  padding: 0 10px 0 12px;
  background: url('https://production-static.ondemandkorea.com/img/layout/line1.gif') no-repeat 0 center; }

.movie_sorting li.last {
  padding-right: 0; }

.movie_sorting li a.on {
  color: #2db400; }

/* icon */
.ic_eng {
  width: 30px;
  height: 14px;
  background: url('https://production-static.ondemandkorea.com/img/content/ic_eng.gif') no-repeat; }

.ic_odkplus {
  width: 58px;
  height: 14px;
  background: url('https://production-static.ondemandkorea.com/img/content/ic_odkplus.gif?f841e5e47d65') no-repeat; }

.ic_age {
  width: 15px;
  height: 14px;
  background: url('https://production-static.ondemandkorea.com/img/content/ic_age.png?fa06a8698ad9') no-repeat; }

.ic_age.age[data-rating='19'] {
  background-position: 0 0; }

.ic_age.age[data-rating='15'] {
  background-position: 0 -16px; }

.ic_age.age[data-rating='12'] {
  background-position: 0 -32px; }

.ic_age.age[data-rating='All'] {
  background-position: 0 -48px; }

.star span {
  float: left;
  display: block;
  width: 14px;
  height: 14px;
  background: url('https://production-static.ondemandkorea.com/img/content/ic_star.gif?f841e5e47d65') no-repeat; }

.star span.star_off {
  background-position: -15px 0; }

.star span.star_on {
  background-position: 0 0; }

/* list */
.list_ty1 {
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty1 ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty1 ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty1 li {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty1 dl {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty1 dt {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.0; }

.list_ty1 dd {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty1 li {
  float: left;
  position: relative;
  width: 168px;
  height: 400px;
  margin-left: 35px;
  overflow: hidden; }

.list_ty1 li .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 168px;
  height: 237px;
  overflow: hidden; }

.list_ty1 li .thumb image {
  width: 168px;
  height: 237px; }

.list_ty1 li dl {
  margin-top: 250px; }

.list_ty1 li dl dt {
  padding-bottom: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
  font-size: 13px;
  font-weight: bold; }

.list_ty1 li dd {
  color: #555;
  list-style: none; }

.list_ty1 li dd .thumb-bar {
  padding: 0 5px; }

.list_ty1 li dd.info1 {
  /*padding-bottom:11px;*/ }

.list_ty1 li dd.info1 span {
  margin: 0;
  padding: 0;
  color: #555; }

.list_ty1 li dd.info1 .thumb-date {
  display: block;
  padding-top: 3px; }

.list_ty1 li dd.info2 {
  padding-bottom: 8px;
  overflow: auto;
  clear: both; }

.list_ty1 li dd.info2 span {
  float: left;
  margin-right: 7px; }

.list_ty2 li {
  padding: 9px 0 7px 3px;
  background: url('https://production-static.ondemandkorea.com/img/content/dot1.gif') repeat-x left bottom; }

.hd_icon {
  width: 24px;
  height: 14px;
  background: url('https://production-static.ondemandkorea.com/img/content/hd_icon.png?fa06a8698ad9') no-repeat; }

.list_ty3 {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_ty3 li {
  float: left;
  width: 175px;
  margin-left: 13px;
  margin-bottom: 13px; }

.list_ty3 li img {
  display: block;
  width: 173px;
  height: 98px;
  margin-bottom: 14px;
  border: 1px solid #ccc; }

/* watch */
.watch {
  height: 392px;
  margin-bottom: 20px;
  background-color: #393939;
  height: 392px;
  overflow: hidden; }

.watch div {
  padding: 0;
  color: #555; }

.watch ul {
  margin: 0;
  padding: 0;
  color: #555; }

.watch .wrapMovie {
  float: left;
  width: 699px;
  height: 392px; }

.watch .wrapBanner {
  float: right;
  width: 265px; }

.watch .wrapBanner li {
  margin-bottom: 8px; }

.wrapMoiveHead {
  position: relative;
  width: 699px;
  margin-bottom: 22px;
  height: 21px; }

.wrapMoiveHead h1 {
  margin: 0;
  padding: 0;
  color: #555; }

.wrapMoiveHead h1.text {
  font-size: 23px;
  color: #000;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1; }

.wrapMoiveHead .btns {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  display: table; }

.wrapMoiveHead .btns .enlarge {
  margin-right: 6px; }

/* ìµœì‹ ì˜í™” */
.wrapNewMovie {
  overflow: auto;
  clear: both;
  padding-top: 19px;
  color: #555; }

.wrapNewMovie h2 {
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid #a6a6a6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; }

.wrapNewMovie span {
  line-height: 1; }

.wrapNewMovie .list_ty1 li {
  height: auto; }

/* ìµœì‹ ì •ë³´  */
.contentLeft {
  float: left;
  width: 740px;
  margin-right: 8px;
  clear: both; }

.contentLeft span {
  margin: 0;
  padding: 0;
  color: #555;
  line-height: 1; }

.wrapTopNews {
  float: right;
  width: 231px; }

.wrapTopNews h2 {
  border-bottom: 2px solid #a6a6a6;
  margin-bottom: 0; }

.wrapTopNews .more {
  float: right;
  width: 36px;
  height: 11px;
  margin-top: 4px;
  background: url('https://production-static.ondemandkorea.com/img/content/btn_more.gif') no-repeat; }

/* ì˜ˆê³ íŽ¸ */
.wrapTrailer {
  margin-bottom: 45px;
  overflow: auto;
  clear: both; }

.wrapTrailer h2 {
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid #a6a6a6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; }

.wrapTrailer span {
  line-height: 1; }

.wrapTrailer_s {
  float: left;
  width: 403px;
  clear: none; }

.wrapTrailer_s ul {
  margin-left: -13px; }

.wrapTrailer_s li {
  margin-left: 23px;
  margin-right: 10px;
  margin-bottom: 13px; }

.wrapTrailer_s li img {
  margin-bottom: 12px; }

/* ì˜í™”ì •ë³´ */
.wrapMovieinfo h2 {
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid #a6a6a6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; }

.wrapMovieinfo span {
  line-height: 1; }

.wrapMovieinfo table {
  width: 730px; }

.wrapMovieinfo th, .wrapMovieinfo td {
  vertical-align: top;
  padding-bottom: 17px;
  line-height: 18px; }

.wrapMovieinfo th {
  width: 80px;
  padding-left: 11px;
  text-align: left;
  background: url('https://production-static.ondemandkorea.com/img/content/dot2.gif') 0 8px no-repeat; }

/* ìµœì‹  ì˜ˆê³ íŽ¸ */
.wrapNewTrailer {
  overflow: auto;
  clear: both;
  padding-top: 19px; }

.wrapNewTrailer h2 {
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid #a6a6a6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; }

.wrapNewTrailer span {
  line-height: 1; }

.wrapNewTrailer ul {
  /*margin-left:-26px;*/ }

.wrapNewTrailer li {
  margin-left: 26px; }

/* 영화보기 */
.wrapPlay {
  width: 188px;
  float: left;
  margin-right: 119px; }

.wrapPlay h2 {
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid #a6a6a6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; }

.wrapPlay .list_ty1 {
  margin: 0 0 0 10px; }

.wrapPlay .list_ty1 li {
  margin: 0; }

.playMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 168px;
  height: 237px;
  background: rgba(0, 0, 0, 0.7) url('https://production-static.ondemandkorea.com/img/content/ic_play.png') no-repeat 50% 50%; }

.playMask2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 168px;
  height: 237px;
  background: url('https://production-static.ondemandkorea.com/img/content/playmask1.png') no-repeat; }

.playMask2:hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 168px;
  height: 237px;
  background: url('https://production-static.ondemandkorea.com/img/content/playmask1_on.png') no-repeat; }

.enews_widget_header span {
  line-height: 1.2 !important; }

address, .fmenu li a, .svn_name a,
.ic_eng, .ic_odkplus, .ic_age, .star span, .hd_icon,
.wrapTopNews .more, .playMask, .playMask2 {
  display: block;
  text-indent: -99999px;
  overflow: hidden; }

.trailer_dim_span, .movie_dim_span {
  color: #777777 !important; }

.push-app-container {
  background-color: #f0f0f0;
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 236px;
  display: none; }

.push-app {
  margin: 48px 30px 48px 30px;
  display: inline-block;
  height: 150px;
  width: 920px;
  vertical-align: middle; }

.push-app .logo-container {
  display: inherit;
  vertical-align: top; }

.push-app .logo-container img {
  width: 140px;
  height: 140px; }

.push-app .text-container {
  display: inherit;
  margin-top: 10px;
  margin-left: 30px; }

.push-app .text-container .text1 {
  font-weight: bold;
  font-size: 23px;
  line-height: 24px;
  color: #333333; }

.push-app .text-container .text2 {
  font-weight: normal;
  font-size: 23px;
  line-height: 24px;
  color: #676767;
  margin-top: 11px; }

.push-app .text-container .push-app-download {
  margin-top: 17px;
  width: 338px;
  height: 54px; }

.push-app .close-button {
  display: inherit;
  vertical-align: top;
  float: right;
  width: 56px;
  height: 56px;
  margin-top: -18px; }

.ie-menu td {
  padding-left: 7px !important;
  padding-right: 7px !important; }

::cue(c.vtext) {
  color: #ff0; }

.main_news_container2 {
  border: 1px solid rgba(128, 128, 128, 0.5);
  width: 382px;
  height: 436px;
  margin-top: 2px;
  float: right; }

.date_container > li {
  width: 54.28px;
  height: 38px; }

.date_container > li.nav-item > a.nav-link.active,
.date_container > li.nav-item > a.nav-link.active:hover,
.date_container > li.nav-item > a.nav-link.active:focus {
  color: #62a600;
  background-color: white; }

.date_container > li > a {
  margin: 0px;
  height: 38px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  color: #a6a6a6;
  border-right: 1px solid rgba(128, 128, 128, 0.3);
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 0px;
  background-color: rgba(242, 242, 242, 0.5); }

.schedule-tab-index .title-container {
  height: 33px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3); }

.schedule-tab-index .title-container .title {
  display: inline-block;
  width: auto;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  padding: 10px;
  height: 30px; }

.schedule-tab-index .title-container .more {
  display: inline-block;
  width: auto;
  float: right;
  padding-right: 10px;
  padding-top: 8px; }

.schedule-tab-index .title-container .more a {
  font-weight: bold;
  font-size: 13px; }

.schedule-tab-index .content-container {
  margin: 10px;
  height: 350px;
  width: 360px; }

.schedule-tab-index .content-container .title {
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  height: 23px;
  padding: 3px;
  list-style: none;
  width: 100%;
  margin-top: 7px; }

.schedule-tab-index .content-container .truncate {
  width: 172px;
  margin-top: 4px;
  margin-bottom: 6px;
  font-size: 13px; }
  .schedule-tab-index .content-container .truncate .subtitleIconSmall {
    float: right;
    display: block;
    margin: 4px 0 0 2px; }
  .schedule-tab-index .content-container .truncate a {
    display: block;
    width: 146px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.schedule-tab-index .content-container .content-half-right .truncate {
  margin-left: 2px; }

.content-half-left,
.content-half-right {
  width: 180px;
  height: 338px;
  float: left; }

.content-half-left .title:first-child,
.content-half-right .title:first-child,
.content-half-right .truncate:first-child {
  margin-top: 0px; }

.search_result_row {
  display: block;
  height: 320px;
  line-height: 160%; }

.search_result_row img {
  width: 168px;
  height: 238px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 4px; }

.search_result_entry {
  display: inline;
  float: left;
  width: 203px; }

.search_result_entry.last {
  width: 168px; }

.ep_title {
  width: 175px; }
  .ep_title > .title.artistName {
    font-size: 12px;
    font-weight: 500; }
  .ep_title > b {
    display: block;
    width: 175px;
    height: 1rem;
    line-height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500 !important; }

.ep_secondline {
  color: #727272; }

.ep_tag_text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 168px; }

#searchsubmit.reset {
  background: url('https://sp.ondemandkorea.com/img/search_close.png') 3px 3px no-repeat; }

.header_bg {
  width: 980px;
  height: 214px; }

.content-container {
  width: 980px;
  background-color: #f7f5f4; }

.content-container .benefit-container {
  width: 980px;
  height: auto;
  padding: 34px 30px 30px 30px; }

.content-container .benefit-title {
  margin-bottom: 16px; }

.content-container .benefit-item-container {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 22px; }

.content-container .benefit-item-img {
  width: 917px;
  height: 400px; }

.content-container .last {
  margin-right: 0px; }

.content-container .no-margin-left-right {
  margin-left: 0px;
  margin-right: 0px; }

.content-container .inquiry-container {
  margin-top: 12px; }

.content-container .inquiry-title {
  margin-bottom: 16px; }

.content-container .thank-you-container {
  margin-top: 12px;
  border: 1px;
  border-top: 1px #d2d0d0 solid; }

.content-container .thank-you-img {
  margin-top: 30px; }

.copy_it_button {
  -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
  -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
  box-shadow: inset 0px 1px 0px 0px #caefab;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
  background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
  background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
  background-color: #77d42a;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #268a16;
  display: inline-block;
  cursor: pointer;
  color: #306108;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 18px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #aade7c;
  margin-right: 10px; }

.copy_it_button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
  background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
  background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
  background-color: #5cb811; }

.copy_it_button:active {
  position: relative;
  top: 1px; }

.kbo.prev {
  background: transparent url('https://production-static.ondemandkorea.com/img/arrow-small-left.png?fa06a8698ad9') no-repeat 0 0; }

.kbo.prev:hover {
  background: transparent url('https://production-static.ondemandkorea.com/img/arrow-small-left_on.png?fa06a8698ad9') no-repeat 0 0; }

.kbo.next {
  background: transparent url('https://production-static.ondemandkorea.com/img/arrow-small-right.png?fa06a8698ad9') no-repeat 0 0; }

.kbo.next:hover {
  background: transparent url('https://production-static.ondemandkorea.com/img/arrow-small-right_on.png?fa06a8698ad9') no-repeat 0 0; }

#sports-menu {
  position: absolute !important;
  z-index: 1000 !important;
  width: 71px;
  top: 100% !important;
  margin: 0 !important;
  left: auto !important;
  margin-left: -10px !important;
  height: auto !important; }

.menu_sports {
  padding-left: 8px !important; }

.prd_contents_images ul {
  list-style: none; }

.prd_contents_images img {
  width: 780px; }

#detail_html ul {
  list-style-type: none; }

.lang_option {
  display: inline-block;
  margin: 6px 4px; }

.lang_desc {
  margin-top: 26px;
  margin-bottom: 25px;
  font-size: 1.3em;
  font-weight: bolder; }

#language_popup {
  width: 376px;
  display: none;
  text-align: center; }

.fancybox-inner {
  height: auto !important; }

.dropdown-toggle:hover {
  color: #8a8689 !important; }

#my-dropdown li {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 85px;
  width: auto;
  background: none;
  font-size: 12px; }

#my-dropdown li a {
  max-width: 85px;
  width: 85px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center; }

#my-dropdown li a:hover {
  background: none;
  color: #2eb300 !important; }

.dropdown:hover .dropdown-menu {
  display: block; }

.vertical .carousel-inner {
  height: 100%; }

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
  -moz-transition: 0.6s ease-in-out top;
  -ms-transition: 0.6s ease-in-out top;
  -o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top; }

.carousel.vertical .active {
  top: 0; }

.carousel.vertical .next {
  top: 100px; }

.carousel.vertical .prev {
  top: -100px; }

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0; }

.carousel.vertical .active.left {
  top: -100px; }

.carousel.vertical .active.right {
  top: 100px; }

.carousel.vertical .item {
  left: 0; }

#bg2 {
  width: 100%;
  text-align: center; }

#next_massage_txt {
  margin: 0 auto;
  height: auto;
  width: auto; }

#next_title_txt {
  margin: 0 auto;
  height: auto;
  width: auto; }

#ccounter {
  margin: 0 auto; }

#cinput {
  margin: 0 auto; }

#suc {
  width: 100%;
  text-align: center; }

#reply {
  width: 100%;
  text-align: center; }

#cur_title_suc_txt {
  margin: 0 auto; }

#cur_suc_txt {
  margin: 0 auto; }

#cur_title_rep_txt {
  margin: 0 auto; }

#cur_replay_txt {
  margin: 0 auto; }

#fancyClock {
  margin: 0px auto;
  height: 100px;
  width: 100px; }

@charset "UTF-8";
/* parameter Color */
/* mixin */
*:focus {
  outline: none !important; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div, p, span, ul, li, h1, h2, form, ul, li, dl, dt, dd, fieldset, input {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none; }

html {
  margin: 0;
  padding: 0;
  font-size: 1em; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  color: #444;
  background-color: #fff; }
  body#en {
    font-family: "Helvetica Neue", "Helvetica", "Apple SD Gothic Neo", "Malgun Gothic", "Arial", sans-serif; }
  body#ko {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Arial", sans-serif; }
  body.emptyBase {
    background: url('https://production-static.ondemandkorea.com/img/bgEmptyPattern.png?fa06a8698ad9') center 55px repeat-x;
    background-size: 90% 90%;
    background-color: #c3c7d2; }
    body.emptyBase .emptyBaseWrap {
      width: 100%;
      height: 100%;
      min-width: 980px;
      background: url('https://production-static.ondemandkorea.com/img/bgEmptyBase.jpg?fa06a8698ad9') no-repeat;
      background-size: 90% 90%;
      background-position: center 55px; }
      body.emptyBase .emptyBaseWrap.benefit {
        background-position: center 272px; }

a {
  outline: none !important;
  color: #444; }
  a:hover, a:active {
    color: #3ebf11;
    text-decoration: none; }
  a:link, a:visited, a:focus {
    text-decoration: none; }

input[type=text] {
  margin: 0;
  padding: 0 10px;
  border: solid 1px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  input[type=text]:focus {
    outline: none;
    border-color: #aaa; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 24px; }
  input[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') 0 0 no-repeat;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(68, 68, 68, 0.5); }
  input[type=checkbox]:checked + label::before {
    line-height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') -16px 0 no-repeat;
    background-color: #fff; }

input[type=submit] {
  -webkit-appearance: button;
  border: none;
  cursor: pointer; }

input[type=radio] {
  display: none; }
  input[type=radio] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 24px; }
  input[type=radio] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') -32px 0 no-repeat;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(68, 68, 68, 0.5); }
  input[type=radio]:checked + label::before {
    line-height: 18px;
    background: url('https://production-static.ondemandkorea.com/img/inputs.png?fa06a8698ad9') -48px 0 no-repeat;
    background-color: #fff; }

.container {
  margin: 0 auto;
  padding: 0;
  width: 980px !important;
  clear: both; }
  .container img.headerImg {
    margin-top: 5px;
    padding: 0;
    width: 980px;
    height: 100%;
    display: block; }

.containerOver {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both; }

.btnDefault {
  position: relative;
  margin: 0 8px;
  padding: 0 20px;
  min-width: 160px;
  height: 39px;
  line-height: 40px;
  font-size: 1.25em;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 0; }
  .btnDefault::before, .btnDefault::after {
    content: '';
    position: absolute;
    top: 0;
    width: 8px;
    height: 39px; }
  .btnDefault:hover {
    color: #fff;
    text-decoration: none; }
  .btnDefault.confirm {
    background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -40px repeat-x; }
    .btnDefault.confirm::before {
      left: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') -2px 0 no-repeat; }
    .btnDefault.confirm::after {
      right: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -80px no-repeat; }
  .btnDefault.negative {
    background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -160px repeat-x; }
    .btnDefault.negative::before {
      left: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') -2px -120px no-repeat; }
    .btnDefault.negative::after {
      right: -8px;
      background: url('https://production-static.ondemandkorea.com/img/buttons.png?fa06a8698ad9') 0 -200px no-repeat; }

.btnDefault2x {
  position: relative;
  margin: 0 15px;
  padding: 0 5px;
  min-width: 320px;
  height: 74px;
  line-height: 72px;
  font-size: 1.75em;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 0; }
  .btnDefault2x::before, .btnDefault2x::after {
    content: '';
    position: absolute;
    top: 0;
    width: 15px;
    height: 74px; }
  .btnDefault2x:hover {
    color: #fff;
    text-decoration: none; }
  .btnDefault2x.confirm {
    background: url('https://production-static.ondemandkorea.com/img/buttons2x.png?fa06a8698ad9') 0 -74px repeat-x; }
    .btnDefault2x.confirm::before {
      left: -15px;
      background: url('https://production-static.ondemandkorea.com/img/buttons2x.png?fa06a8698ad9') 0 0 no-repeat; }
    .btnDefault2x.confirm::after {
      right: -15px;
      background: url('https://production-static.ondemandkorea.com/img/buttons2x.png?fa06a8698ad9') -17px 0 no-repeat; }

.hidden {
  display: none; }

.ls {
  float: left; }

.rs {
  float: right; }

.clear {
  clear: both; }

.p20 {
  padding: 20px 0; }

.bgGray {
  background-color: rgba(68, 68, 68, 0.05); }

.floatBanner {
  position: fixed;
  z-index: 99;
  overflow: hidden;
  width: 150px;
  height: 320px;
  white-space: nowrap; }
  .floatBanner.left {
    margin-left: -155px;
    top: 110px; }
  .floatBanner.right {
    margin-left: 985px;
    top: 110px; }
  .floatBanner.rightBottom {
    margin-left: 985px;
    top: 435px; }

.banner_728x90 {
  margin: 30px auto;
  width: 728px;
  height: 90px;
  overflow: hidden;
  background-image: url('https://production-static.ondemandkorea.com/img/sponsor.jpg?fa06a8698ad9');
  clear: both; }

.banner_300x250 {
  margin: 0 auto;
  width: 300px;
  height: 250px;
  overflow: hidden;
  background-image: url('https://production-static.ondemandkorea.com/img/sponsor_300x250.jpg?fa06a8698ad9');
  clear: both; }

.fb-alert-msg {
  padding: 8px 16px;
  color: #ff5d5d;
  background-color: rgba(255, 93, 93, 0.07);
  border: 1px solid #ff5d5d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px; }
  .fb-alert-msg.with-login {
    margin-top: 8px;
    width: 251px; }

.sub_img {
  border: none !important;
  margin-right: 3px; }

#myTabContent {
  margin-top: 20px; }
  #myTabContent .container.moreContent h2 {
    float: left;
    display: block; }
  #myTabContent .container.moreContent a.btnMore {
    float: right;
    display: block;
    margin-top: 9px;
    padding: 0;
    font-size: 1em;
    color: #555; }

.list, .movie_list {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: row; }
  .list.kpop, .movie_list.kpop {
    width: 1015px !important; }
    .list.kpop > li, .movie_list.kpop > li {
      min-height: 150px; }
      .list.kpop > li:nth-child(5n), .movie_list.kpop > li:nth-child(5n) {
        margin-right: 35px !important; }
  .list.odkContentsContainer, .movie_list.odkContentsContainer {
    width: 988px; }
    .list.odkContentsContainer > li:nth-child(5n), .movie_list.odkContentsContainer > li:nth-child(5n) {
      margin-right: 8px !important; }
  .list > li, .movie_list > li {
    display: block;
    position: relative;
    margin: 0 35px 35px 0;
    padding: 0;
    width: 168px;
    overflow: hidden; }
    .list > li:nth-child(5n), .movie_list > li:nth-child(5n) {
      margin-right: 0; }
    .list > li .posterWrap, .movie_list > li .posterWrap {
      position: relative;
      margin: 0;
      padding: 0;
      width: 168px;
      height: 237px;
      overflow: hidden;
      border: 1px solid rgba(68, 68, 68, 0.3); }
      .list > li .posterWrap img.plusOnly, .movie_list > li .posterWrap img.plusOnly {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10; }
      .list > li .posterWrap img.img, .movie_list > li .posterWrap img.img {
        display: block;
        margin: 0;
        padding: 0;
        z-index: 9;
        width: 100%; }
    .list > li .txtWrap, .movie_list > li .txtWrap {
      position: relative;
      margin: 0;
      padding: 5px 0;
      width: 100%; }
      .list > li .txtWrap .title, .movie_list > li .txtWrap .title {
        margin-right: 3px;
        width: calc(100% - 5px);
        font-size: 0.75rem;
        font-weight: bold; }
      .list > li .txtWrap .subtitleLabelIcon, .movie_list > li .txtWrap .subtitleLabelIcon {
        margin: 0;
        padding: 0;
        height: 12px;
        line-height: 12px; }
        .list > li .txtWrap .subtitleLabelIcon > img, .movie_list > li .txtWrap .subtitleLabelIcon > img {
          display: inline-block; }
    .list > li.empty, .movie_list > li.empty {
      height: 0;
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      margin-bottom: 0; }
    .list > li.insertBanner300, .movie_list > li.insertBanner300 {
      width: 336px !important;
      border: none; }
    .list > li.insertBanner728, .movie_list > li.insertBanner728 {
      margin: -30px auto 30px;
      width: 980px !important;
      border: none;
      background-color: none !important; }
    .list > li:hover .title, .movie_list > li:hover .title {
      color: #3ebf11; }
    .list > li .sub_img, .movie_list > li .sub_img {
      margin-right: 3px; }
    .list > li .subtitleLabel, .list > li .onAir, .list > li .popular, .list > li .latest, .list > li .alphabetical, .movie_list > li .subtitleLabel, .movie_list > li .onAir, .movie_list > li .popular, .movie_list > li .latest, .movie_list > li .alphabetical {
      display: none; }

.movie_list .txtWrap {
  border-bottom: 1px dotted rgba(68, 68, 68, 0.2); }

.movie_list .subtitleLabelIcon {
  margin-top: 2px;
  padding: 0;
  line-height: 12px; }

.movie_list dd.info1 {
  margin-top: 2px;
  padding: 0;
  font-size: 0.85em;
  color: rgba(68, 68, 68, 0.5); }
  .movie_list dd.info1 .inof1Sub {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    .movie_list dd.info1 .inof1Sub .runningTime {
      margin-left: 3px; }
      .movie_list dd.info1 .inof1Sub .runningTime::before {
        content: "|";
        margin-right: 3px; }
      .movie_list dd.info1 .inof1Sub .runningTime::after {
        content: "min";
        margin-left: 1px; }
    .movie_list dd.info1 .inof1Sub .ageRatingDesc {
      margin-left: 3px; }
      .movie_list dd.info1 .inof1Sub .ageRatingDesc::before {
        content: "|";
        margin-right: 3px; }

.movie_list dd.info2 {
  margin-top: 2px;
  padding: 0; }
  .movie_list dd.info2 .subtitleLabelIcon {
    margin-top: -2px; }

.ageRatingDesc {
  margin: 0 3px; }

.hdIcon {
  display: inline-block;
  width: 24px;
  height: 12px;
  line-height: 12px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background-color: #a6a5a5;
  border-radius: 0.2em;
  box-shadow: 0 1px 0 #616161; }

.avatar {
  max-width: 150px; }

.sort {
  padding: 8px 30px;
  border-radius: 6px;
  border: none;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background-color: #28a8e0;
  height: 30px; }

.sort:hover {
  text-decoration: none;
  background-color: #1b8aba; }

.sort:focus {
  outline: none; }

.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  position: relative;
  top: -10px;
  right: -5px; }

.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content: "";
  position: relative;
  top: 13px;
  right: -5px; }

.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content: "";
  position: relative;
  top: -10px;
  right: -5px; }