﻿@charset "UTF-8";
/*!

 *  _carsearch_result.scss

*/
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
.x_itype0, .x_itype1, .x_itype2 {
  display: none; }

.detailed-model-item {
  flex-grow: 1; }

/*!

 *  _default.scss

*/
img, embed, object, video {
  max-width: 100%; }

body {
    font-family: "Nanum Gothic", sans-serif;
    background-color: #fff;
    color: #000;
    line-height: 1.3rem;
    font-size: 10pt;
}
    

a:hover {
  text-decoration: none; }

.ins_img_loading {
  margin: 3px 5px;
  cursor: pointer;
  content: url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA=="); }

/*!

 *  _theme.scss

    각종 테마컬러 및 기본 텍스트 컬러 변수 설정

*/
html {
  font-size: 1rem; }

html {
  font-size: 0.85rem; }

@media (min-width: 576px) {
  html {
    font-size: 0.85rem; } }

@media (min-width: 768px) {
  html {
    font-size: 0.9rem; } }

@media (min-width: 992px) {
  html {
    font-size: 1rem; } }

a:hover {
  color: #ffadaf; }

/* 컬러관련 클래스 */
.text-theme {
  color: #ff5a5f;
  opacity: 0.94; }

.text-standard {
  color: #2e2e2e; }

.text-title {
  color: #495057;
  opacity: 0.84; }

.text-content {
  color: #909090;
  opacity: 0.93;
  line-height: 1rem; }

.bg-custom {
  background-color: #eee; }

.bg-theme {
  background-color: #ff5a5f; }

.btn-theme {
  background-color: #ff5a5f;
  font-family: "Nanum square", sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 900;
  font-size: 1.1rem;
  color: white; }

.btn-standard {
  background-color: #495057;
  font-family: "Nanum square", sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 900;
  font-size: 1.1rem;
  color: white; }

.btn-gray {
  background-color: #6c757d;
  font-family: "Nanum square", sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 900;
  font-size: 1.1rem;
  color: white; }

/* 텍스트 관련*/
.bold {
  font-weight: 700; }

.bolder {
  font-weight: 800; }

.h1 {
  font-family: "Nanum square", sans-serif;
  letter-spacing: -0.2rem; }

.h2, .h3, .h4, .h5, .h6 {
  font-family: "Nanum square", sans-serif;
  }

.h6 {
  letter-spacing: -0.1rem; }

.border-theme {
  border: 1px solid #ff5a5f; }

/* 기타 필요한 데코레이션(세로 구분선등)*/
.vl {
  background: #dbdbdb;
  height: 50%;
  width: 1px; }

/* 메인배너 관련 */
#main-banner .carousel-inner {
  object-fit: cover; }

#main-banner .carousel-caption {
  bottom: 20%; }

#main-banner .t-shadow-dark {
  text-shadow: 0px 2px 3px rgba(46, 46, 46, 0.8); }

#main-banner .t-shadow-white {
  text-shadow: 0px 1px 10px white; }

/* 검색창에서 날짜 클릭시 나오는 달력 및 시간 팝업창 스타일 수정 부분*/
.picker__box {
  padding: 1rem 1.5rem 1rem 1.5rem; }
  .picker__box .picker__header {
    font-family: "Nanum square", sans-serif;
    letter-spacing: -0.2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-bottom: 1rem; }
    .picker__box .picker__header .picker__month {
      font-weight: 700; }
    .picker__box .picker__header .picker__nav--next, .picker__box .picker__header .picker__nav--prev {
      background-color: #f4f4f4;
      border: 1px solid #e5e5e5;
      border-radius: 3px;
      padding: 0.6rem 0.7rem 0.6rem 0.7rem; }
  .picker__box .picker__table {
    border: 1px solid #e5e5e5;
    font-size: 1.2rem; }
    .picker__box .picker__table thead {
      border-top: 3px solid #ff5a5f;
      border-bottom: 1px solid #e5e5e5;
      font-size: 1.2rem; }
    .picker__box .picker__table .picker__weekday {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem;
      color: #909090; }
    .picker__box .picker__table .picker__day {
      padding-top: 0.6rem;
      padding-bottom: 0.6rem; }

/* 결과내 검색 modal창 스타일 수정*/
.custom-checkbox :checked.custom-control-input ~ .custom-control-label::before, .custom-checkbox :indeterminate.custom-control-input ~ .custom-control-label::before, .custom-radio :checked.custom-control-input ~ .custom-control-label::before {
  background-color: #ff5a5f; }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 0.2rem rgba(255, 90, 95, 0.25); }

/* 서브페이지별 상단 페이지 타이틀*/
#sub_title {
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc; }

/* 예약시 모달창 스타일*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #ff5a5f;
  border-radius: 0.3rem 0.3rem 0 0; }

/* jumbotron 스타일변경*/
.jumbotron {
  background-color: #f4f4f4;
  border: 1px solid #e5e5e5;
  border-left: 5px solid #ff5a5f; }

/* nav로 구성된 tab 레이아웃 스타일 */
.nav-tabs {
  border-bottom: 1px solid #ff5a5f; }

.nav-tabs .nav-link.active {
  border-color: #ff5a5f #ff5a5f #fff;
  color: #495057;
  font-weight: 800; }

.nav-link {
  border-color: #fff #fff #ff5a5f;
  color: #909090; }

/* 테이블 스타일 추가*/
.table a {
  color: #2e2e2e; }

.thead-title {
  background-color: #f4f4f4; }

/* 커스텀 alert창 스타일*/
.alert-theme {
  border-top: 2px solid #ff5a5f;
  background-color: #f4f4f4;
  color: #495057; }

/* 게시판 하단 페이지이동 관련 스타일*/
.page-item.active .page-link {
  background-color: #ff5a5f;
  border-color: #ff5a5f; }

.page-link {
  color: #909090; }

.page-link:hover {
  color: #2e2e2e; }

/* 예약진행중 하단 요금 표시 부분*/
#rev_info_win {
  box-shadow: 0px 6px 30px #ccc; }

/* form group 커스텀화*/
.input-group .input-left {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.3rem 0 0 0.3rem; }

.input-group .input-right {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0 0.3rem 0.3rem 0; }

/*  입력창 필수항목 에러 메시지 스타일*/
.field-validation-error span:before {
  content: '※'; }

/*!

 *  _navbar.scss

*/
.navbar .navbar-nav .nav-item {
  font-family: "Nanum square", sans-serif;
  font-weight: 800;
  letter-spacing: -0.1rem; }
  .navbar .navbar-nav .nav-item a:hover {
    color: #ff5a5f; }
  .navbar .navbar-nav .nav-item .nav-link {
    color: #2e2e2e; }

#menu_login, #menu_logout {
  font-weight: 700;
  font-size: 0.8em;
  letter-spacing: -0.1rem;
  border: 1px solid #ff7469;
  border-radius: 0.3rem;
  padding: 0rem 0.5rem 0rem 0.5rem; }
  #menu_login .nav-link, #menu_logout .nav-link {
    color: #ff5a5f; }

#mobile-menu a:hover {
  color: #ff5a5f; }

#mobile-menu .nav-link {
  color: #495057; }

#side-menu-sm .dropdown-menu {
  border-top: 2px solid #ff5a5f;
  border-radius: 2px;
  left: -120%;
  min-width: 8rem; }

#side-menu-sm .dropdown-item {
  font-family: "Nanum square", sans-serif;
  font-weight: 800;
  font-size: 1rem; }

#side-menu-sm .dropdown-item:hover {
  background-color: #ff5a5f;
  color: #fff; }

/*!

 *  _carsearch_condition.scss

*/
.searchcondition-main, .searchcondition-sub, .x-rental-condition {
  display: flex;
  flex-wrap: wrap; }
  .searchcondition-main .datetimebox, .searchcondition-sub .datetimebox, .x-rental-condition .datetimebox {
    padding: 0.5em;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap; }
    .searchcondition-main .datetimebox .title, .searchcondition-sub .datetimebox .title, .x-rental-condition .datetimebox .title {
      padding: 0 1rem 0 0; }
    .searchcondition-main .datetimebox .date, .searchcondition-sub .datetimebox .date, .x-rental-condition .datetimebox .date {
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 767.99px) {
        .searchcondition-main .datetimebox .date .year, .searchcondition-sub .datetimebox .date .year, .x-rental-condition .datetimebox .date .year {
          display: none; } }
    .searchcondition-main .datetimebox .time, .searchcondition-sub .datetimebox .time, .x-rental-condition .datetimebox .time {
      text-align: right; }
    .searchcondition-main .datetimebox .select-icon, .searchcondition-sub .datetimebox .select-icon, .x-rental-condition .datetimebox .select-icon {
      padding: 0 0 0 1rem; }
  .searchcondition-main .hours, .searchcondition-sub .hours, .x-rental-condition .hours {
    padding: 0.5em; }
    @media (max-width: 767.99px) {
      .searchcondition-main .hours, .searchcondition-sub .hours, .x-rental-condition .hours {
        display: none; } }

.carsearch_detailedcondition {
  /*

    .selected-condition {

        padding: 0 1em;

        font-size: 0.7em;

        display: flex;

        flex-wrap: wrap;

        

    }

    */ }
  .carsearch_detailedcondition .badge {
    margin-right: 0.5em; }
  .carsearch_detailedcondition .x_detailedtext {
    display: none;
    /*필수, .js에서 변경함.*/
    margin-left: 1em; }
  .carsearch_detailedcondition .x_close {
    cursor: pointer;
    color: #ff6a00; }

#main_search {
  background: linear-gradient(#fff, #f4f4f4);
  border-bottom: 1px solid #ccc; }
  #main_search #search-title {
    font-family: "Nanum square", sans-serif;
    font-weight: 800;
    letter-spacing: -0.1rem; }
  #main_search #search-body {
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    box-shadow: 0px 6px 30px #ccc;
    letter-spacing: -0.05rem; }

#sub_search {
  background: #f4f4f4;
  border-bottom: 1px solid #ccc; }
  #sub_search #search-sub-body {
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    letter-spacing: -0.05rem; }

.filter-group .left {
  background-color: #17a2b8;
  border: 1px solid #17a2b8;
  border-radius: 0.3rem 0 0 0.3rem;
  color: white; }

.filter-group .right {
  border: 1px solid #dbdbdb;
  border-radius: 0 0.3rem 0.3rem 0; }

#x_datetime_s, #x_datetime_e {
  cursor: pointer; }
  #x_datetime_s .left, #x_datetime_e .left {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.3rem 0 0 0.3rem; }
  #x_datetime_s .center, #x_datetime_e .center {
    background-color: #fff;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da; }
  #x_datetime_s .right, #x_datetime_e .right {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.3rem 0.3rem 0; }

/*!

 *  _carsearch_result.scss

*/
.car-search-result {
  display: flex;
  flex-wrap: wrap; }
  .car-search-result .car-model {
    border: 1px dotted #0094ff;
    padding: 0.5em; }
    .car-search-result .car-model .more-providers {
      display: none; }
      @media (min-width: 768px) {
        .car-search-result .car-model .more-providers {
          display: block; } }
