@charset "UTF-8";

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

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

.main_slider_wrap .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  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;}


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




/* 서브 선택화면들 */
#sub_container {background: #171717; padding: 0 10px 100px 10px;}

 .search_page .btn_navi { padding-top: 10px;}
 .search_page .btn_navi button {width: 140px; height: 50px; background: none; border: 1px solid #949494; color: #fff; font-size: 20px; line-height: 50px; text-align: center;}
 .search_page .btn_navi .btn_prev { float: left;}
 .search_page .btn_navi .btn_next {float: right;}
 .search_page .btn_navi button:hover {background: #949494;}


/* 서브 선택 단계 표시 */
 .search_page .tab_wrap .step_wrap {padding-top: 70px; width: 100%; height: 60px; }
 .search_page .tab_wrap .step_wrap .step {margin: 0 auto; text-align: center; border: 1px solid #737373; border-right: none; border-left: none; width: 100%; height: 100%;}
 .search_page .tab_wrap .step_wrap .step li {float: left; margin-right: 25px; padding-top: 10px;}
 .search_page .tab_wrap .step_wrap .step li:first-child {margin-left: 5px;}
 .search_page .tab_wrap .step_wrap .step li:last-child{margin-right: 0px;}
 .search_page .tab_wrap .step_wrap .step li a {color: #737373; font-size: 15px;}
 .search_page .tab_wrap .step_wrap .step .active a {color: #ff1c0b; font-weight: 500;}


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


/* 서브 컬러선택화면 */
.search_page p {font-size: 15px; margin-top: 20px; margin-bottom: 10px;}
.search_page .color_wrap {margin: 0 auto;}
.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: 5px; margin-bottom: 10px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #ff1c0b;}
.search_page .btn_orange {margin-right: 5px; margin-bottom: 10px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #F59701;}
.search_page .btn_yellow { margin-bottom: 10px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #FFE600;}
.search_page .btn_green { margin-bottom: 10px; margin-right: 5px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #02A70D}
.search_page .btn_sky { margin-bottom: 10px; margin-right: 5px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #00EDFF}
.search_page .btn_blue { margin-bottom: 10px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #0066FF}
.search_page .btn_brown { margin-bottom: 10px; margin-right: 5px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #AE6731;}
.search_page .btn_pink { margin-bottom: 10px; margin-right: 5px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #FF8AD4;}
.search_page .btn_purple { margin-bottom: 10px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #9500E9;}
.search_page .btn_black {margin-right: 5px; font-size: 14px; color: #fff;width: 100px; height: 100px;border-radius: 5px; background: #000; border: 1px solid #707070;}
.search_page .btn_gray {margin-right: 5px; font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #ABABAB;}
.search_page .btn_white {font-size: 14px; color: #000;width: 100px; height: 100px;border-radius: 5px; background: #fff;}



/* 서브 장르선택화면 */
.search_page .genre_wrap {margin: 0 auto;}
.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:10px; margin-right: 7px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/action.png) no-repeat;}
.search_page .btn_mu {margin-bottom:10px; margin-right: 6px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/musical.png) no-repeat;}
.search_page .btn_ani {margin-bottom:10px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/animation.png) no-repeat;}
.search_page .btn_noir {margin-bottom:10px; margin-right: 7px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/noir.png) no-repeat;}
.search_page .btn_romance {margin-bottom: 10px; margin-right: 6px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/romance.png) no-repeat;}
.search_page .btn_thril {margin-bottom: 10px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/thriller.png) no-repeat;}
.search_page .btn_comedy {margin-bottom: 10px; margin-right: 7px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/comedy.png) no-repeat;}
.search_page .btn_fam {margin-bottom: 10px; margin-right: 6px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/fam.png) no-repeat;}
.search_page .btn_sf {margin-bottom: 10px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/sf.png) no-repeat;}
.search_page .btn_myst  {margin-bottom: 10px; margin-right: 7px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/mystery.png) no-repeat;}
.search_page .btn_horror  {margin-bottom: 10px; margin-right: 6px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/horror.png) no-repeat;}
.search_page .btn_sports {margin-bottom: 10px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/sports.png) no-repeat;}
.search_page .btn_docu  {margin-right: 7px; font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/docu.png) no-repeat;}
.search_page .btn_drama  { font-size: 15px; margin-right: 6px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/drama.png) no-repeat;}
.search_page .btn_fantasy  { font-size: 15px; color: #fff; width: 100px; height: 100px; border-radius: 5px; border: 1px solid #707070; background: url(../images/genre/fantasy.png) no-repeat;}



/* 선택확인창 */



/* 검색결과창 */
.search_page .selection_wrap {margin: 10px 0 ;}
.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; margin-top:5px;}
.search_page .selection_wrap .keywords li a {color: #fff; font-size: 15px; margin-left: 10px;}

/* 기본 구조 */
.results { margin:15px auto; }
.results h3 { color: #fff; font-size: 18px; margin-bottom: 10px; margin-top: 50px;}

/* 가로 스크롤 적용 */
.results .list_results {overflow-x:auto; white-space:nowrap; font-size:0; margin:20px 0;}
.results .list_results .img_wrap {display:inline-block; width:123px; height:175px;}
.list_results .img_wrap img {width:123px; height:175px}
.img_wrap + .img_wrap {margin-left:15px;}