#contents #inner {
  position: relative; }
  #contents #inner img {
    width: 100%;
    height: auto; }
  #contents #inner p.item {
    width: 100%;
    height: auto;
    line-height: 0;
    font-size: 0; }
  #contents #inner p.specBtn {
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    width:26.25%; }
  #contents #inner .banner_group {
    position: absolute;
    width: 100%;
    padding-top: 40%;
    left: 0;
    bottom: 3%; }
    #contents #inner .banner_group ul {
      list-style: none; }
    #contents #inner .banner_group .movie_btn {
      width: 68.75%;
      left: 15.6%;
      top: 0;
      z-index: 1;
      opacity: 0;
      -webkit-transform: scale(0.5);
         -moz-transform: scale(0.5);
          -ms-transform: scale(0.5);
           -o-transform: scale(0.5);
              transform: scale(0.5);
      position: absolute;
      line-height: 0;
      cursor: pointer;
      position: absolute;
      -webkit-transition: all 0.35s cubic-bezier(0.4, 0.9, 0.61, 1.01);
      -o-transition: all 0.35s cubic-bezier(0.4, 0.9, 0.61, 1.01);
      -moz-transition: all 0.35s cubic-bezier(0.4, 0.9, 0.61, 1.01);
      transition: all 0.35s cubic-bezier(0.4, 0.9, 0.61, 1.01);
      -webkit-transform-origin: left center;
         -moz-transform-origin: left center;
          -ms-transform-origin: left center;
           -o-transform-origin: left center;
              transform-origin: left center; }
      #contents #inner .banner_group .movie_btn.center {
        left: 15.6%;
        top: 0;
        z-index: 5;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
        opacity: 1; }
      #contents #inner .banner_group .movie_btn.left {
        left: 6.25%;
        top: 0;
        z-index: 3;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
        opacity: 1; }
      #contents #inner .banner_group .movie_btn.right {
        left: 47.18%;
        top: 0;
        z-index: 3;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
        opacity: 1; }
    #contents #inner .banner_group .arrow {
      width: 9.68%;
      position: absolute;
      cursor: pointer;
      top: 37%;
      z-index: 8;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      -khtml-user-drag: none;
      -webkit-touch-callout: none; }
      #contents #inner .banner_group .arrow span {
        position: relative;
        display: block;
        padding-top: 100%; }
        #contents #inner .banner_group .arrow span:before {
          content: '';
          display: block;
          background-image: url(../images/banner_arrow_bg.png);
          -webkit-background-size: contain;
             -moz-background-size: contain;
               -o-background-size: contain;
                  background-size: contain;
          background-repeat: no-repeat;
          width: 100%;
          height: 100%;
          -webkit-transition: all 0.1s linear;
          -o-transition: all 0.1s linear;
          -moz-transition: all 0.1s linear;
          transition: all 0.1s linear;
          position: absolute;
          left: 0;
          top: 0; }
        #contents #inner .banner_group .arrow span img {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 26%; }
      #contents #inner .banner_group .arrow.arw_left {
        left: 11.718%; }
        #contents #inner .banner_group .arrow.arw_left img {
          margin-left: 34%; }
      #contents #inner .banner_group .arrow.arw_right {
        right: 11.718%; }
        #contents #inner .banner_group .arrow.arw_right img {
          margin-right: 34%; }

#modal {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1000;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0); }
  #modal .modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); }
  #modal .modal_content {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%; }
    #modal .modal_content .inner #yt01 {
      position: relative;
      width: 100%;
      left: 0;
      top: 0;
      padding-top: 56.25%; }
      #modal .modal_content .inner #yt01 iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
    #modal .modal_content .inner p.close_btn {
      width: 100%;
      margin: 0 auto;
      padding-top: 12px;
      text-align: center;
      position: relative; }
      #modal .modal_content .inner p.close_btn img {
        width: 100%;
        height: auto; }