@charset "utf-8";

/* font */

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-style: normal;
  src: url("/static/font/new/NotoSans-Thin.eot?") format("eot"),
  url("/static/font/new/NotoSans-Thin.otf") format("opentype"),
  url("/static/font/new/NotoSans-Thin.woff") format("woff"),
  url("/static/font/new/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-style: normal;
  src: url("/static/font/new/NotoSans-Light.eot?") format("eot"),
  url("/static/font/new/NotoSans-Light.otf") format("opentype"),
  url("/static/font/new/NotoSans-Light.woff") format("woff"),
  url("/static/font/new/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-style: normal;
  src: url("/static/font/new/NotoSans-DemiLight.eot?") format("eot"),
  url("/static/font/new/NotoSans-DemiLight.otf") format("opentype"),
  url("/static/font/new/NotoSans-DemiLight.woff") format("woff"),
  url("/static/font/new/NotoSans-DemiLight.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  src: url("/static/font/new/NotoSans-Regular.eot?") format("eot"),
  url("/static/font/new/NotoSans-Regular.otf") format("opentype"),
  url("/static/font/new/NotoSans-Regular.woff") format("woff"),
  url("/static/font/new/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  src: url("/static/font/new/NotoSans-Medium.eot?") format("eot"),
  url("/static/font/new/NotoSans-Medium.otf") format("opentype"),
  url("/static/font/new/NotoSans-Medium.woff") format("woff"),
  url("/static/font/new/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-style: normal;
  src: url("/static/font/new/NotoSans-Bold.eot?") format("eot"),
  url("/static/font/new/NotoSans-Bold.otf") format("opentype"),
  url("/static/font/new/NotoSans-Bold.woff") format("woff"),
  url("/static/font/new/NotoSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-style: normal;
  src: url("/static/font/new/NotoSans-Black.eot?") format("eot"),
  url("/static/font/new/NotoSans-Black.otf") format("opentype"),
  url("/static/font/new/NotoSans-Black.woff") format("woff"),
  url("/static/font/new/NotoSans-Black.woff2") format("woff2");
}

/* reset */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


html, body{
  min-height:100%;
  font-family: 'Noto Sans KR', sans-serif;
  color:#242424;
}
a{
  text-decoration: none;
  font-family: 'Noto Sans KR', sans-serif;
}
a:visited{
  color:inherit;
}
button{
  border:0;
  padding:0;
  background:inherit;
  font-family: 'Noto Sans KR', sans-serif;
  cursor: pointer;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }


/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; }
select:focus{
  outline:none;
}
/* common */

.hidden{
  display:none;
}
.d-block{
  display:block !important;
}
.w-auto{
  width:auto !important;
}
.wrapper{
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;
  min-height:100%;
}

/* typo */
.h5__tit {
  font-size:15px;
  font-weight:500;
}
.h6__tit{
  margin:12px 0;
  line-height:1;
  font-size:14px;
  font-weight:500;
}
.h6__tit:first-child{
  margin-top:0
}
.text-gray{
  color:#808080;
  font-size:13px;
  line-height:1.75;
}
.ft-point{
  color:#4b7bfa;
}
.ft-danger{
  color:#ff4039
}
.ft-dark{
  color:#242424 !important;
}
.ft-strong{
  font-weight:500;
  color:#242424;
}
.ft-small{
  font-size:12px !important;
}
.fw-medium{
  font-weight:500;
}

.text-center{
  text-align:center !important;
}
.text-left{
  text-align:left !important;
}
.text-pre-line{
  white-space: pre-line;
}
.text-bold {
	font-weight: bold !important;
}
/* list */

.list-group--gray {
  font-size:13px;
  color:#808080;
}
.list-group--gray > li {
  line-height:1.7;
}
.list-style-decimal-numbers,
.list-style-decimal-numbers > li{
  list-style-type:decimal-numbers;
  list-style-position: inside;
}

/* spacing */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.m-less{margin:0}
.mt-less{margin-top:0}
.mr-less{margin-right:0}
.ml-less{margin-left:0}
.mb-less{margin-bottom:0}


/* scroll */
.scroll-bar-css::-webkit-scrollbar{
  width:6px
}
.scroll-bar-css::-webkit-scrollbar-thumb{
  background-color:#ebebeb;
  border-radius:3px;
}
.scroll-bar-css::-webkit-scrollbar-track{
  background-color:transparent;

}

/* button */
[class*="btn-area"]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
[class*="btn-area"] button{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
}
.btn-point{
  background:#4b7bfa;
  color:#fff;
}
.btn-md{
  padding:15px 0;
  font-weight:500;
  font-size:15px;
  border-radius:5px;
  -webkit-box-shadow: 0 10px 20px -5px rgba(75,123,250,0.2);
  box-shadow: 0 10px 20px -5px rgba(75,123,250,0.2);
}

.btn-menu{
  display:block;
  position:relative;
  width:35px;
  height:35px;
  white-space: nowrap;
  overflow:hidden;
  text-indent:-9999px;
}
.btn-menu span{
  display:none;
}
.btn-menu::before,
.btn-menu::after{
  content:'';
  display:block;
  position:absolute;
  height:2px;
  background:#242424;
}
.btn-menu::before{
  width:28px;
  top:10px;
}
.btn-menu::after{
  width:18px;
  top:18px;
}
.btn-underline{
  display:inline-block;
  position:relative;
  line-height:1.5;
}
.btn-underline::after{
  content:'';
  background:#242424;
  height:1px;
  width:100%;
  position:absolute;
  left:0;
  bottom:0;
  right:0;
}
.btn-underline.ft-point::after{
  background:#4b7bfa;
}


/* header */
.wrapper > .header{
  width:100%;
  height:80px;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-bottom:1px solid #ebebeb;
  /* padding:0 20px; */
  z-index: 10;
}
.header .header__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:1280px;
  min-width:1280px;
  /*min-width:1024px;*/
}
.header .header__logo{
  width:140px;
}
.header .header__logo img{
  display:block;
  width:100%;
}
/* main menu */
.main-menu > ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.main-menu > ul > li{
  position:relative;
  cursor:pointer
}
.main-menu > ul > li+li{
  margin-left:40px;
}
.main-menu > ul > li > a{
  height:80px;
  line-height:80px;
  display:inline-block;
  padding:0 10px;
  box-sizing: border-box;
  font-size:18px;
}
.main-menu > ul > li.active > a,
.main-menu > ul > li:hover > a{
  color:#4b7bfa;
}

.main-menu > ul > li.active > a::after,
.main-menu > ul > li:hover > a::after{
  content:'';
  display:block;
  position:absolute;
  top:25px;
  right:2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#4b7bfa;
}

/* dropdown */
.dropdown-menu{
  display:none;
  position:absolute;
  left:50%;
  top:100%;
  background:#fff;
  -webkit-box-shadow: 3px 3px 15px -2px rgba(0,0,0,0.06);
  box-shadow: 3px 3px 15px -2px rgba(0,0,0,0.06);
  transform:translateX(-50%);
  z-index:10;
}
.main-menu > ul > li > .dropdown-menu::before{
  content:'';
  display:block;
  width:52px;
  height:2px;
  background:#4b7bfa;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.main-menu > ul > li:hover > .dropdown-menu{
  display:block;
}
.dropdown-menu > li > a{
  display:block;
  width:auto;
  min-width:180px;
  box-sizing: border-box;
  padding:17px 20px;
  white-space: nowrap;
  color:#888;
  font-size:15px;
}
.dropdown-menu > li > .dropdown-submenu + a{
  padding-right:40px;
}
.dropdown-menu > li:hover > a{
  color:#242424;
  background:#f8f8f8;
  font-weight:500;
}
.dropdown-menu > li:hover > .dropdown-submenu + a {
  background:#f8f8f8 url("/static/images/new/ico_arrow_right_8x12.png") center right 18px / 8px no-repeat;
}
.dropdown-submenu{
  display:none;
  position:absolute;
  top:0;
  left:100%;
  min-height:100%;
  background:#f8f8f8;
  -webkit-box-shadow: 5px 3px 15px -2px rgba(0,0,0,0.06);
  box-shadow: 5px 3px 15px -2px rgba(0,0,0,0.06);
}
.dropdown-menu > li:hover > .dropdown-submenu{
  display:block;
}
.dropdown-submenu > li > a{
  display:block;
  background:#f8f8f8;
  width:auto;
  min-width:180px;

  box-sizing:border-box;
  padding:17px 20px;
  white-space:nowrap;
  font-size:15px;
  color:#888888;
}
.dropdown-submenu > li:hover > a{
  color:#242424;
}

/* util menu */
.util-menu ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.util-menu ul li{
  position:relative;
}
.util-menu ul li+li {
  margin-left:20px;
}
.util-menu ul li a{
  display:inline-block;
  padding:15px 10px;
  font-size:14px;
  color:#666;
}
.util-menu ul li::before{
  content:'';
  display:block;
  position:absolute;
  width:1px;
  height:.9em;
  top:50%;
  left:-10px;
  background:#ebebeb;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)

}
.util-menu ul li:first-child::before{
  display:none;
}


.banner__container,
.banner__item{
  width: 100%;
  height: 100%;
}
.banner__item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  overflow:hidden;
}
.banner__item img{
  display:block;
  width:100%;
  -o-object-fit:contain;
  object-fit:contain;
}

/* filter */
.container-filter{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  -webkit-box-shadow:0 3px 10px 3px rgba(75, 123, 250, 0.1);
  box-shadow:0 3px 10px 3px rgba(75, 123, 250, 0.1);
}
.search-car .container-filter{
  -webkit-box-shadow:0 3px 10px 3px rgba(102, 102, 102, 0.1);
  box-shadow:0 3px 10px 3px rgba(102, 102, 102, 0.1);
}
.container-filter .search-filter{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height:400px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:30px 20px;
}

.search-filter{
  position:relative;
  border-right:1px solid #ebebeb;
}
.container-filter .search-filter:last-child{
  border-right:0;
}
.search-filter .search-filter__header{
  position:relative;
  padding:0 0 15px;
}
.search-filter .search-filter__header ~ .search-filter__header{
  margin-top:auto;
}
.search-filter .search-filter__header h3{
  font-weight:500;
  font-size:18px;
}

.search-filter__contents {
  position:relative;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;

}

.search-filter.filter-date .search-filter__contents{
  overflow:hidden;
}
.search-filter__contents .btn-group{
  width:100%;
}
.search-filter__contents .btn-group .btn-border{
  width:100%;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd;
  border-radius:8px;
  box-sizing:border-box;
  color:#242424;
}

.search-filter.filter-date .cal-container {
  /*margin-right:-17px;*/
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.search-filter.filter-date .cal-container::-webkit-scrollbar{
  display: none
}
.cal-container .ui-widget-content{
  background-color: #fff;
  border-radius: 0px;
}
.cal-container .ui-widget-header{
  background-color: #fff;
}
.cal-container .ui-widget-header .ui-state-disabled{
  opacity: 1;
}
.cal-container .ui-state-default, .cal-container .ui-widget-content .ui-state-default,
.cal-container .ui-widget-header .ui-state-default, .cal-container .ui-button,
html .cal-container .ui-button.ui-state-disabled:hover,
html .cal-container .ui-button.ui-state-disabled:active{
  border: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* select */
.selected-options{
  background:#fff;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:25px 40px;
}
.selected-options.small{
  padding:25px 40px;
}
.selected-options dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:48%;
}
.selected-options dl:nth-child(n+3){
  margin-top:18px;
}
.selected-options.small dl:nth-child(n+3){
  margin-top:15px;
}
.selected-options dl dt{
  width:120px;
  font-size:16px;
  font-weight:500;
}
.selected-options dl dd{
  width:calc(100% - 120px);
  color:#666;
  font-size:14px;
}

/* tab */
.tab-wrap .tab__header ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.tab-wrap .tab__header ul li{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  text-align:center;
  height:34px;
  line-height:30px;
  border-bottom:1px solid #ebebeb;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#888;
  font-size:14px;
  cursor:pointer;
}
.tab-wrap .tab__header ul li.active{
  border-bottom:2px solid #4b7bfa;
  color:#242424;
  font-weight:500;
}

.tab-wrap .tab__content{
  padding-top:20px;
  display:none;
}
.search-filter__contents .tab-wrap .tab__content {
  height:100%;
  padding:5px 10px 5px 0;
  margin-top:10px;
  max-height:253px;
  overflow-y: auto;
}
.tab-wrap .tab__content.active{
  display:block;
}


/* select */
.select-group{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
}
.select-group .select-box{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
}

/* .select-group.row .select-box{
    margin-left:25px;
} */

.select-box select{
  border:0;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:8px 10px;
  background:#fff url("/static/images/new/ico_btn_arrow_down.png") right 15px bottom 12px / 12px no-repeat;
  font:400 14px 'Noto Sans KR', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.select-box{
  background:#fff url("/static/images/new/ico_btn_arrow_down.png") center right 20px / 12px no-repeat;
  padding:0 40px 0 20px;
  box-sizing:border-box;
  font:400 14px 'Noto Sans KR', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.select-box::-ms-expand {
  display: none;
}
/* common - input */
.option-group{
  padding:10px 0;
}
.option-group + .option-group{
  margin-top:10px;
}
.option-group .option-title{
  width:100%;
  font-size:14px;
  color:#888;
}
.option-group .select-group{
  width:100%;
  border-bottom:1px solid #ebebeb;
}

.option-group .option-title + .select-group{
  margin-top:12px;
}


.input-group input[type="radio"],
.input-group input[type="checkbox"]{
  display:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-box--round input[type="radio"] + label,
.input-box--round input[type="checkbox"] + label {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  height:32px;
  background:#f8f8f8;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:8px;
  border:1px solid #ebebeb;
  overflow:hidden;
  text-align:center;
  font-size:13px;
  font-weight:400;
  cursor:pointer;

}
.input-box--round.d-inline-block input[type="radio"] + label,
.input-box--round.d-inline-block input[type="checkbox"] + label {
  display:inline-block;
  width:auto;
  line-height:30px;
  padding:0 18px;
}
.input-box--round input[type="radio"]:checked + label,
.input-box--round input[type="checkbox"]:checked + label{
  background:#fff;
  border:1px solid #4b7bfa;
  color: #4b7bfa;
  font-weight:400;
}

.input-box--icon input[type="radio"] + label,
.input-box--icon input[type="checkbox"] + label {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#666;
  font-size:13px;
  font-weight:400;
  cursor: pointer;
}
.input-box--icon input[type="radio"]:checked + label,
.input-box--icon input[type="checkbox"]:checked + label {
  color:#4b7bfa;
}
.input-box--icon input[type="radio"] + label::before,
.input-box--icon input[type="checkbox"] + label::before{
  content:'';
  display:block;
  width:100%;
  height:35px;
  margin-bottom:12px;
  background-color:transparent;
  background-position:center center;
  background-repeat:no-repeat;

}

/* input icon inactive */
.input-box--icon.ic-rearcarmera input[type="radio"] + label::before,
.input-box--icon.ic-rearcarmera input[type="checkbox"] + label::before{
  /*background-image:url("../images/ico_option_rearcarmera.png");*/
  background-image:url("/static/images/new/ico_option_rearcarmera.png");

  /* background-size:30px; */
}
.input-box--icon.ic-sunloop input[type="radio"] + label::before,
.input-box--icon.ic-sunloop input[type="checkbox"] + label::before{
  /*background-image:url("../images/ico_option_sunloop.png");*/
  background-image:url("/static/images/new/ico_option_sunloop.png");

  /* background-size:31px; */
}
.input-box--icon.ic-bluetooth input[type="radio"] + label::before,
.input-box--icon.ic-bluetooth input[type="checkbox"] + label::before{
  /*background-image:url("../images/ico_option_bluetooth.png");*/
  background-image:url("/static/images/new/ico_option_bluetooth.png");

  /* background-size:30px; */
}
.input-box--icon.ic-smartkey input[type="radio"] + label::before,
.input-box--icon.ic-smartkey input[type="checkbox"] + label::before{
  /* background-image:url("../images/ico_option_smartkey.png");*/
  background-image:url("/static/images/new/ico_option_smartkey.png");

  /* background-size:18px; */
}
.input-box--icon.ic-fishing input[type="radio"] + label::before,
.input-box--icon.ic-fishing input[type="checkbox"] + label::before{
  /*background-image:url("../images/ico_option_fishing.png");*/
  background-image:url("/static/images/new/ico_option_fishing.png");

  /* background-size:34px; */
}

.input-box--icon.ic-pet input[type="radio"] + label::before,
.input-box--icon.ic-pet input[type="checkbox"] + label::before{
  /*background-image:url("../images/ico_option_pet.png");*/
  background-image:url("/static/images/new/ico_option_pet.png");

  /* background-size:34px; */
}

/* input icon active */
.input-box--icon.ic-rearcarmera input[type="radio"]:checked + label::before,
.input-box--icon.ic-rearcarmera input[type="checkbox"]:checked + label::before{
  /* background-image:url("../images/ico_option_rearcarmera_active.png");*/
  background-image:url("/static/images/new/ico_option_rearcarmera_active.png");
}
.input-box--icon.ic-sunloop input[type="radio"]:checked + label::before,
.input-box--icon.ic-sunloop input[type="checkbox"]:checked + label::before{
  /*background-image:url("../images/ico_option_sunloop_active.png");*/
  background-image:url("/static/images/new/ico_option_sunloop_active.png");

}
.input-box--icon.ic-bluetooth input[type="radio"]:checked + label::before,
.input-box--icon.ic-bluetooth input[type="checkbox"]:checked + label::before{
  /*background-image:url("../images/ico_option_bluetooth_active.png");*/
  background-image:url("/static/images/new/ico_option_bluetooth_active.png");
}
.input-box--icon.ic-smartkey input[type="radio"]:checked + label::before,
.input-box--icon.ic-smartkey input[type="checkbox"]:checked + label::before{
  /*background-image:url("../images/ico_option_smartkey_active.png");*/
  background-image:url("/static/images/new/ico_option_smartkey_active.png");
}
.input-box--icon.ic-fishing input[type="radio"]:checked + label::before,
.input-box--icon.ic-fishing input[type="checkbox"]:checked + label::before{
  /*background-image:url("../images/ico_option_fishing_active.png");*/
  background-image:url("/static/images/new/ico_option_fishing_active.png");
}
.input-box--icon.ic-pet input[type="radio"]:checked + label::before,
.input-box--icon.ic-pet input[type="checkbox"]:checked + label::before{
  /*background-image:url("../images/ico_option_pet_active.png");*/
  background-image:url("/static/images/new/ico_option_pet_active.png");
}

.btn-check{
  display:none !important;
}
.btn-check + .btn {
  display:block;
  background:transparent;
  width:100%;
  height:36px;
  padding:0 10px;
  box-sizing:border-box;
  line-height:36px;
  color:#242424;
  font-size:13px;
  text-align:left;
  cursor:pointer;
}
.btn-check:checked + .btn{

}
.btn-check:checked + .btn.btn-check-bg{
  background:#f1f5ff url('/static/images/new/icon_btn_check.png') center right 10px / 16px no-repeat;
  border-radius:8px;
  color:#4b7bfa;
}
.form-submenu{
  display:none;
  min-width:150px;
  max-height:275px;
  position:absolute;
  background:#f8f8f8;
  top:43px;
  left:calc(100% - 8px);
  box-sizing:border-box;
  border-radius:6px;
  overflow-y:auto;
  z-index:5;
}

.btn-check:checked ~ .form-submenu{
  display:block;
}
.form-submenu .form-group:first-child{
  margin-top:13px;
}
.form-submenu .form-group:last-child{
  margin-bottom:13px;
}
.form-submenu .form-group label{
  color:#888888;
  padding:0 20px;
  white-space: nowrap;
}
.form-submenu .form-group label:hover{
  color:#242424;
}
.input-group{
  width:100%;
}
.input-group.row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.input-group.d-flex{
  display:flex;
}
.input-group.row .input-box--round {
  min-width:47.5%;
  /* margin-bottom:10px; */
}
.input-group.d-flex [class^="input-box"] {
  min-width:80px;
  box-sizing:border-box;
}
.input-group.d-flex [class^="input-box"] label{
  width:100%;
  height:auto;
  padding:10px 20px;

}
.input-group.d-flex [class^="input-box"] + [class^="input-box"]{
  margin-left:10px;
}
.input-group.row .input-box--round:nth-child(n+3) {
  margin-top:10px;
}

.input-group.row .input-box--icon{
  min-width:40%;
  width:47.5%;
  padding:8px 0;
}
.input-group.row .input-box--icon:nth-child(n+3) {
  margin-top:14px;
}

.main-section{
  width:100%;
  padding-top: 80px;
  padding-bottom:20px;
  background:#f1f5ff;
}
.search-car .main-section{
  padding-top:20px;
  background:transparent
}
.main-section .main-section__inner{
  width:1280px;
  max-width:1280px;
  margin:0 auto;
}
.main-section .main-section__inner .line-banner{
  margin-top:20px;
  width:100%;
  height:100px;
  border-radius:10px;
  overflow: hidden;  
}
.footer{
  background:#f8f8f8;
  padding:55px 0 40px;
}
.footer .footer__inner{
  position:relative;
  width:1280px;
  /*background:transparent url("../images/img_main_logo_grey.png") bottom 30px right / 120px no-repeat;*/
  background:transparent url("/static/images/new/img_main_logo_grey.png") bottom 30px right / 120px no-repeat;
  margin:0 auto;
}
.footer .footer__menu{
  padding-bottom:10px;
}
.footer .footer__menu ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.footer .footer__menu ul li a{
  display:block;
  padding:10px 0;
  margin-left:30px;
  font-size:16px;
  font-weight:400;
  color:#666;
}
.footer .footer__menu ul li:first-child a{
  margin-left:0;
}
.footer .footer__contents{
  padding:25px 0;
  border-top:1px solid #ebebeb;

}
.footer .footer__contents p {
  line-height:2;
  color:#888;
  font-size:14px;
  letter-spacing:-.5px;
}
.footer .footer__contents ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.footer .footer__contents ul li{
  position:relative;
  line-height:2;
  color:#888;
  font-size:14px;
  letter-spacing:-.5px;
  padding-right:10px;
}
.footer .footer__contents ul li + li {
  padding-left:10px;
}
.footer .footer__contents ul li::after{
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:.8em;
  background:#888;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.footer .footer__contents ul li:first-child::after{
  display:none;
}
.footer .footer__contents .inner + .inner{
  margin-top:20px;
}

/* gallery */
.gallery-container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.gallery-container .gallery-item{
  -webkit-box-flex:1;
  -ms-flex:1 1 40%;
  flex:1 1 40%;
  height:220px;
  background:#eee;
}
.gallery-container .gallery-item:nth-child(2n) {
  margin-left:20px;
}
.gallery-container .gallery-item:nth-child(n+3){
  margin-top:20px;
}

/* modal */

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
    
}
.modal.fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.modal.fade.show {
   	opacity: 1;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show,
.modal-backdrop.in{
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  /*justify-content: space-between;*/
  /*padding: 1rem;*/
  padding: 1.5rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

/* modal custom */
.modal--custom .modal-select-area{
  width:430px;
}
.modal-select-area .modal-header{
  position:relative;
  background:#4b7bfa;
  border-radius:0;
  color:#fff;
}
.modal-select-area .modal-header .close{
  position:absolute;
  width:50px;
  height:50px;
  top:50%;
  right:0;
  padding:0;
  margin:0;
  background:transparent url("/static/images/close_x2.png") center center / 15px no-repeat;
  transform: translateY(-50%);
  color:transparent;
  font-size:0;
  text-indent:-9999px;
}
.modal-select-area .modal-content{
  height:640px;
  overflow:hidden;
  box-shadow:none;
  border:0;
  border-radius:0;
}
.modal-select-area .modal-content .modal-body{
  height:586px;
  box-sizing:border-box;
}
.modal--custom .modal-select-area .area-wrap{
  position:relative;
  width:100%;
  height:auto;
}
.modal--custom .modal-select-area .area-list{
  height:425px;
  margin-top:25px;
  padding-right:10px;
  box-sizing:border-box;
  overflow-y:auto;
}
.modal--custom .modal-select-area .area-list.w-50{
  width:48%;
}
.modal--custom .modal-select-area .area-list > .form-group  > .area-list{
  display:none;
  position:absolute;
  margin-top:0;
  right:0;
  top:0;
}
.modal--custom .modal-select-area .area-list .form-group .btn-check:checked ~ .area-list{
  display:block;
}
.modal--custom .modal-select-area .search-group{
  position:relative;
  height:40px;
  width:100%;
}
.modal--custom .modal-select-area .search-group .input-search{
  width:100%;
  height:40px;
  padding:0;
  border-width:0 0 1px 0;
  border-style: solid;
  border-color:#dddddd;
  box-sizing:border-box;
  line-height:38px;
  font-family:'Noto Sans KR', sans-serif;
}
.modal--custom .modal-select-area .search-group .input-search::placeholder{
  color:#dddddd;
}
.modal--custom .modal-select-area .search-group .input-search:focus,
.modal--custom .modal-select-area .search-group .input-search:active{
  outline:0;
}
.modal--custom .modal-select-area .search-group .btn-search{
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  top:0;
  right:0;
  background:transparent url("/static/images/new/ico_search_18x18.png") center center / 18px no-repeat;
  font-size:0;
  text-indent:-9999px;
  color:transparent;
}
.modal--custom .modal-sub-select-area .form-group {
    position: static;
}
.modal--custom .modal-sub-select-area .modal-body {
	background: #fff;
}	
.modal-simple .modal-dialog{
  width:740px;
}
.modal-simple .modal-content{
  box-shadow:none;
  border-radius:0;
}
.modal-simple .modal-header{
  padding:30px 40px 24px;
  border-bottom:0;
}
.modal-simple .modal-header .close{
  top:30px;
  right:30px;
}
.modal-simple .modal-header .close::before {
  background: transparent url("../../images/img_close.png") center center / 20px no-repeat;
}
.modal-simple .modal-header .modal-title{
  color:#242424;
  font-size:20px;
  font-weight:700;
}
.modal-simple .modal-body{
  background:#fff;
  padding:0 40px 40px;
}

.result-location {
  visibility:hidden;
  position:absolute;
  top:56px;
  left: 0;
  right: 0;
  bottom:0;
  padding:0 1em 1em;
  height:calc(100% - 56px);
  background:#fff;
  overflow-y: auto;
}
.result-location.show{
  visibility: visible;
}
.result-location .result-item{
  background:transparent url("/static/images/new/ico_location_32x32.png") left 9px center / 32px no-repeat;
  padding:15px 10px 15px 50px;
  border-bottom:1px solid #ddd;
  cursor:pointer;
}
.result-location .result-item .result-title{
  margin-bottom:8px;
  color:#666;
  font-size:14px
}
.result-location .result-item .result-desc{
  line-height:1.5;
  color:#666;
  font-size:12px
}
/* tooltip */

.btn-tooltip-question{
  width:16px;
  height:16px;
  padding:0;
  overflow:hidden;
  color:transparent;
  font-size:0;
  text-indent:-9999px;
  background:transparent url("../../images/new/ico_question_gray_16x16.png") center center / 100% no-repeat;
}
.btn-tooltip-question + .tooltip{
  white-space: nowrap;
}
.btn-tooltip-question + .tooltip .tooltip-inner{
  max-width:none;
  background:#fff;
  padding:8px;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.1);
  font-size:12px;
  color:#808080;
  text-align:left;
}
.btn-tooltip-question + .tooltip .tooltip-arrow{
  display:none;
}

/* accordion */

.accordion-group{

}
.accordion-group .accordion-item{
  /*border-top:1px solid #eef2f5;*/
  border-bottom:1px solid #eef2f5;
}
.accordion-group .accordion-item:first-child{
  border-top:1px solid #eef2f5;
}
.accordion-group .accordion-item:last-child{
  border-bottom:0;
}
.accordion-group .accordion-head{
  position:relative;
  padding:18px 0 20px;
  line-height:1;
  font-size:16px;
  font-weight:500;
}
.accordion-group .accordion-head .btn-toggle{
  position:absolute;

  right:0;
  padding-right:20px;
  background:transparent url("../../images/new/ico_arrow_down_gray_12x7.png") center right / 12px no-repeat;
  color:#808080;
  font-size:14px;
}
.accordion-group .accordion-body{
  padding-bottom:16px;
}

/* table */
.table-simple{
  width:100%;
  border-top:1px solid #242424;
}
.table-simple thead th{
  background:#f8f8f8;
  padding:10px 0;
  border-bottom:1px solid #dddddd;
  font-weight:500;
  text-align:center;
}
.table-simple tbody th{
  border-bottom:1px solid #dddddd;
  padding:15px 0 15px 30px;
  line-height:1.5;
  font-size:15px;
  font-weight:500;
  text-align:left;
}
.table-simple tbody td{
  text-align:center;
  padding:15px 10px;
  border-bottom:1px solid #dddddd;
  color:#808080;
}
.table-simple .table-bg{
  background:#f8f8f8;
}


/* star point, rating */
.rating-star {
  background: transparent url("../../images/new/ico_star_dark.png") center left / 12px no-repeat;
  padding-left:15px;
  font-size:12px;
}

/* quantity */

.quantity-basic{
  display:flex;
  width:98px;
  height:25px;
}
.quantity-basic [class^="btn-quantity"] {
  width:25px;
  height:25px;
  border:1px solid #e9e9e9;
  box-sizing:border-box;
}
.quantity-basic .input-quantity{
  width:48px;
  height:25px;
  border-width: 1px 0 1px 0;
  border-color:#e9e9e9;
  border-style: solid;
  box-sizing:border-box;
  font-size:12px;
}
.quantity-basic .btn-quantity-down,
.quantity-basic .btn-quantity-up {
  position:relative;
  color:transparent;
  font-size:0;
  text-indent:-9999px;
}
.quantity-basic .btn-quantity-down::before {
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  width:9px;
  height:1px;
  background:#242424;
  transform:translate(-50%, -50%);
}
.quantity-basic .btn-quantity-up::before,
.quantity-basic .btn-quantity-up::after {
  content:'';
  display:block;
  position:absolute;
  background:#242424;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.quantity-basic .btn-quantity-up::before{
  width:9px;
  height:1px;
}
.quantity-basic .btn-quantity-up::after{
  height:9px;
  width:1px;
}

/* panel */
.border-box{
  padding:15px 20px;
  border:1px solid #dddddd;
  box-sizing:border-box;
}

/* definition & description */

.definition-group{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  line-height:1.5;
}

.definition-group dt{
  width:25%;
  font-size:14px;
  color:#242424;
}
.definition-group dd{
  width:75%;
  font-size:13px;
  color:#808080;
}