.modal {
  min-width: 1000px; }

.modal__bg {
  min-width: 1000px; }

.modal__content {
  width: 960px;
  margin: 60px auto 0 -480px; }
  .modal__content .modal__shoes_section1 {
    width: 960px;
    height: 439px;
    position: relative; }
    .modal__content .modal__shoes_section1 .modal__shoes_section1__btn1 {
      position: absolute;
      top: 371px;
      left: 49px; }
      .modal__content .modal__shoes_section1 .modal__shoes_section1__btn1 a {
        display: block; }
  .modal__content .modal__shoes_section__line {
    width: 960px;
    height: 8px; }
  .modal__content .modal__shoes_section2 {
    width: 960px;
    height: 373px;
    position: relative; }
    .modal__content .modal__shoes_section2 .modal__shoes_section2__btn1 {
      position: absolute;
      top: 305px;
      left: 49px; }
      .modal__content .modal__shoes_section2 .modal__shoes_section2__btn1 a {
        display: block; }
    .modal__content .modal__shoes_section2 .modal__shoes_section2__btn2 {
      position: absolute;
      top: 206px;
      left: 618px;
      z-index: 100000; }
      .modal__content .modal__shoes_section2 .modal__shoes_section2__btn2 a {
        display: block; }
  .modal__content .modal__shoes_section3 {
    width: 960px;
    height: 203px;
    position: relative; }
    .modal__content .modal__shoes_section3 .modal__shoes_section3__btn1 {
      position: absolute;
      top: 136px;
      left: 531px; }
    .modal__content .modal__shoes_section3 .modal__shoes_section3__btn2 {
      position: absolute;
      top: 136px;
      left: 49px; }
      .modal__content .modal__shoes_section3 .modal__shoes_section3__btn1 a {
        display: block; }
      .modal__content .modal__shoes_section3 .modal__shoes_section3__btn2 a {
        display: block; }

.modal__btn_close {
  margin-top: 20px;
  margin-left: 451px; }

/*---	movie ---*/
.modal_movie {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  z-index: 100000; }
  .modal_movie .modal_movie__bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
  .modal_movie .modal_movie__area {
    position: absolute;
    top: 0;
    left: 50%; }
  .modal_movie .modal_movie__btn_close {
    position: absolute;
    top: 0;
    left: 50%;
    cursor: pointer; }

.modal_movie.view {
  display: block;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

/*--- modal ---*/
.modal {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  z-index: 100000; }
  .modal .modal__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 100000; }
  .modal .modal__content {
    position: absolute;
    top: 0;
    left: 50%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    z-index: 100000; }
  .modal .modal__btn_close {
    position: absolute;
    top: 0;
    left: 50%;
    cursor: pointer;
    z-index: 100000; }

.modal.view {
  display: block;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }