@charset "UTF-8";

.main_slider_wrap .main_slider {
  /* 안쪽요소에 height:100%가 있어서 늘어남 */
  height: 667px;
  width: 1280px;
}
.main_slider_wrap .swiper-slide {
  /* 큰 이미지를 가려줌 */
  overflow: hidden;
  position: relative;
}
.main_slider_wrap .swiper-slide a {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

/* 메인slider 페이지네이션 */
.main_slider_wrap .swiper-pagination {
  width: 1170px;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  text-align:center;
}

.main_slider_wrap .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #C9C9C9;
  opacity: 1;
  margin: 0 10px;
  transition: all 0.5s;
}
.main_slider_wrap .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff1c0b;
}

/* 메인슬라이더 이전다음버튼 */
.main_slider_wrap .btn_arrow {
  width: 50px;
  height: 50px;
  left: 0px;
  background: url(../images/8665194_chevron_left_icon.png) no-repeat;
  margin-top: -25px;
}
.main_slider_wrap .swiper-button-next {
  width: 50px;
  height: 50px;
  left: auto;
  right: 0px;
  transform: rotateZ(180deg);
  background: url(../images/8665194_chevron_left_icon.png) no-repeat;
}


/* 컬러모드 영화목록 h3 색깔 */
.main_movie {margin-top: 90px;}
.main_movie .movie_list .blue {color: #00DCFF; font-size: 18px; margin-bottom: 12px; margin-top: 50px;}
.main_movie .movie_list .pink {color: #FF8FDA; font-size: 18px; margin-bottom: 12px; margin-top: 50px;}
.main_movie .movie_list .yellow {color: #FFFF00; font-size: 18px; margin-bottom: 12px; margin-top: 50px;}
.main_movie .movie_list .bw {color: #fff; font-size: 18px; margin-bottom: 12px; margin-top: 50px;}




/* 서브 선택화면들 */
.contents .inner {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.search_page .btn_main {float: left; width: 100px;height: 36px; background: none; border: 1px solid #949494;}
.search_page .btn_main a {color: #fff;  font-size: 15px; line-height: 36px; text-align: center;}
.search_page .btn_main:hover {background: #949494;}

.search_page .btn_navi {float: right; margin-top: 30px;}
.search_page .btn_navi button {float: left; width: 100px; height: 36px; background: none; border: 1px solid #949494; color: #fff; font-size: 15px; line-height: 36px; text-align: center; margin-left: 5px;}
.search_page .btn_navi button:hover {background: #949494;}



/* 서브 선택 단계 표시 */
.search_page .step_wrap { padding-top: 40px; width: 1198px; height: 80px; margin-bottom: 50px;}
.search_page .step_wrap .step {margin: 0 auto; text-align: center; border: 1px solid #949494; width: 100%; height: 100%;}
.search_page .step_wrap .step li {float: left; margin-right: 50px; padding-top: 10px; }
.search_page .step_wrap .step .line {background:  #949494; width: 100px; height: 1px; margin-top: 40px; padding: 0;}
.search_page .step_wrap .step li:first-child {margin-left: 135px;}
.search_page .step_wrap .step li:last-child{margin-right: 0px;}
.search_page .step_wrap .step li a {color: #fff; font-size: 20px;}
.search_page .step_wrap .step .active a {color: #ff1c0b; font-weight: 500;}


/* 검색 다단계 */
/* Hide all steps by default: */
.search_page .tab {
  color: #fff;
  font-size: 18px;
}
.search_page h3 {
  margin-top: 40px;
   color: #fff;
  font-size: 18px;}
.search_page .tab_wrap .tab {
  display: none;  
}
.search_page .tab_wrap .tab.active {
  display: block;  
}



/* 서브 컬러선택화면 */
.search_page p { margin-bottom: 30px;}
.search_page .color_wrap {padding:0 135px;}
.search_page .color_wrap button:hover {opacity: 0.5;}
.search_page .color_wrap button:active{border: 1px solid white; opacity: 1;}
.search_page .btn_red {margin-right:14px; font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #ff1c0b;}
.search_page .btn_orange {margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #F59701;}
.search_page .btn_yellow {margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #FFE600;}
.search_page .btn_green {margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #02A70D}
.search_page .btn_sky {margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #00EDFF}
.search_page .btn_blue {font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #0066FF}
.search_page .btn_black {margin-top:20px;margin-right:14px;font-size: 14px; color: #fff;width: 135px; height: 135px;border-radius: 5px; background: #000; border: 1px solid #707070;}
.search_page .btn_gray {margin-top:20px;margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #ABABAB;}
.search_page .btn_white {margin-top:20px;margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #fff;}
.search_page .btn_brown {margin-top:20px;margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #AE6731;}
.search_page .btn_pink {margin-top:20px;margin-right:14px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #FF8AD4;}
.search_page .btn_purple {margin-top:20px;font-size: 14px; color: #000;width: 135px; height: 135px;border-radius: 5px; background: #9500E9;}




/* 서브 장르선택화면 */
.search_page .genre_wrap {padding: 0 102px;}
.search_page .genre_wrap button:hover {opacity: 0.5;}
.search_page .genre_wrap button:active {border: 1px solid white; opacity: 1;}
.search_page .btn_action {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/action.png) no-repeat;}
.search_page .btn_mu {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/musical.png) no-repeat;}
.search_page .btn_ani {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/animation.png) no-repeat;}
.search_page .btn_noir {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/noir.png) no-repeat;}
.search_page .btn_romance {margin-bottom:24px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/romance.png) no-repeat;}
.search_page .btn_thril {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/thriller.png) no-repeat;}
.search_page .btn_comedy {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/comedy.png) no-repeat;}
.search_page .btn_fam {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/fam.png) no-repeat;}
.search_page .btn_sf {margin-bottom:24px; margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/sf.png) no-repeat;}
.search_page .btn_myst  {margin-bottom:24px;  font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/mystery.png) no-repeat;}
.search_page .btn_horror  { margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/horror.png) no-repeat;}
.search_page .btn_sports { margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/sports.png) no-repeat;}
.search_page .btn_docu  { margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/docu.png) no-repeat;}
.search_page .btn_drama  { margin-right:18px; font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/drama.png) no-repeat;}
.search_page .btn_fantasy  { font-size: 18px; color: #fff; width: 180px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/fantasy.png) no-repeat;}



/* 선택확인창 */
.search_page .color {margin-bottom: 24px; padding-left: 374px;}
.search_page .genre {padding-left: 408px;}



/* 검색결과창 */
.search_page .selection_wrap .inner {width:1178px; margin: 0 auto; overflow: hidden; display: block; border: 1px solid #484848; padding: 10px; border-radius: 10px;}
.search_page .selection_wrap .colors li {float: left;}
.search_page .selection_wrap .colors .red{border-radius: 5px; width: 30px; height: 30px; font-size: 0px; background: #ff1c0b; margin-right: 10px;}
.search_page .selection_wrap .colors .orange{border-radius: 5px; width: 30px; height: 30px; font-size: 0px; background: #F59701;  margin-right: 10px;}
.search_page .selection_wrap .colors .blue{border-radius: 5px; width: 30px; height: 30px; font-size: 0px; background: #0066FF;}
.search_page .selection_wrap .keywords li {float: left;}
.search_page .selection_wrap .keywords li a {color: #fff; font-size: 15px; margin-left: 10px;}

.results .inner {width: 1200px; margin: 0 auto;}
.results .list_results ul {overflow: hidden; margin-top: 12px;}
.results .list_results ul li {width: 180px; float: left; margin-left: 24px; margin-bottom: 24px;}
.results .list_results ul li:nth-child(7) {margin-left: 0;}
.results .list_results ul li:first-child {margin-left: 0;}
.results .list_results ul li .img_wrap {height: 256px;}
.results .list_results ul li img {width: 100%; height: 100%;}