@charset "utf-8";
.btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
}
.btn-basic {
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
}
.btn-basic:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.btn-small {
  padding-right: 5px;
  padding-left: 5px;
  line-height: 30px;
}
.btn-medium {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
}
.btn-large {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
}
@media (min-width:992px) {
  .btn-large {
    min-width: 200px;
  }
}
.btn-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.btn-point2,
.btn-black {
  color: #fff;
}
.btn-point2 {
  border-color: #192028;
  background-color: #192028;
}
.btn-point2:hover {
  background-color: #000;
}
.btn-black {
  border-color: #000;
  background-color: #000;
}
.btn-black:hover {
  background-color: #232d38;
}
.btn-point1 {
  border: 1px solid #00adef;
  background-color: #00adef;
  color: #fff;
}
.btn-point1:hover {
  border-color: #00adef;
  background-color: #000;
}
.btn-red {
  border: 1px solid #fb435f;
  color: #fb435f;
}
.btn-red:hover {
  border-color: #fb435f;
  background-color: #fb435f;
  color: #fff;
}
.btn-tooltip-basic,
.btn-tooltip-red {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.btn-tooltip-basic:hover,
.btn-tooltip-red:hover {
  color: #fff;
}
.btn-tooltip-basic {
  border: 1px solid #dcdfe4;
}
.btn-tooltip-basic:hover {
  background-color: #192028;
}
.btn-tooltip-red {
  border: 1px solid #fb435f;
  color: #fb435f;
}
.btn-tooltip-red:hover {
  background-color: #fb435f;
}
.btn-back {
  position: relative;
  padding-left: 15px;
}
.btn-back:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.btn-back:before {
  width: 6px;
  height: 9px;
  background-position: -100px -30px;
}
.btn-back:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  left: 0;
}
.btn-collapse {
  position: relative;
  cursor: pointer;
}
.btn-collapse:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.btn-collapse:before {
  width: 9px;
  height: 5px;
}
.btn-collapse:before {
  background-position: -120px -30px;
}
.btn-collapse.active:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.btn-collapse.active:before {
  width: 9px;
  height: 5px;
}
.btn-collapse.active:before {
  background-position: -120px -40px;
}
.btn-group-check {
  margin: -5px -2px;
}
.btn-group-check > label {
  border-radius: 0;
  min-width: 40px;
  margin: 2px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 15px;
  font-size: 12px;
  font-family: '돋움', dotum;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  line-height: 30px;
}
.btn-group-check > label:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.btn-group-check > label.selected {
  color: #fff;
  border-color: #192028;
  background-color: #192028;
  border-color: #4c5667;
  background-color: #4c5667;
}
.btn-group-check > label.selected:hover {
  background-color: #000;
}
.btn-group-check > label > input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.btn-footer {
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width:991px) {
  .btn-footer {
    margin: 10px -10px;
  }
  .btn-footer .btn {
    padding: 20px;
  }
}
@media (min-width:992px) {
  .btn-footer .btn {
    padding: 30px;
  }
}
.btn-show-scroll {
  position: fixed;
}
.btn-gotop {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
}
.btn-gotop:hover {
  background-color: #000;
}
.btn-gotop:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.btn-gotop:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8.5px 0 0 -4px;
  width: 8px;
  height: 17px;
  background-position: -190px -30px;
}
/* 프리미엄 검색버튼 */
.btn-happiness-wrap {
  text-align: right;
}
.btn-happiness-wrap .btn-happiness {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #004db5;
  line-height: 50px;
  width: 100%;
  color: #fff;
  letter-spacing: -0.8px;
  text-align: center;
  font-size: 20px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.35);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.35);
}
.btn-happiness-wrap .btn-happiness .happy-primary {
  color: #ffce00;
  font-weight: bold;
  font-size: 22px;
}
.btn-happiness-wrap .btn-happiness .happy-arrow img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 60px;
  vertical-align: middle;
  margin-left: 1%;
}
.calendar > .header {
  overflow: hidden;
  position: relative;
}
.calendar > .header > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 16px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 20px;
  font-weight: bold;
  color: #000;
  vertical-align: middle;
}
.calendar > .header > h3 > small {
  font-size: 0.6em;
}
.calendar > .header .ico-refresh {
  position: absolute;
  top: 5px;
  right: 0;
}
.calendar > table {
  width: 100%;
  margin-bottom: 10px;
  table-layout: fixed;
}
.calendar > table th,
.calendar > table td {
  text-align: center;
}
.calendar > table > thead {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.calendar > table > tbody > tr > td {
  position: relative;
}
.calendar > table > tbody > tr > td:after {
  content: '';
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-top: 100%;
  vertical-align: middle;
}
.calendar > table > tbody > tr > td .reserv-status {
  display: none;
}
.calendar > table > tbody > tr > td.closed {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.calendar > table > tbody > tr > td.today {
  font-weight: bold;
  color: #000;
  color: #00adef;
}
.calendar > table > tbody > tr > td.open {
  cursor: pointer;
}
.calendar > table > tbody > tr > td.open:hover {
  border-radius: 50%;
  background-color: #00adef;
}
.calendar > table > tbody > tr > td.selected {
  background-color: #00adef;
  color: #fff;
}
.calendar > table > tbody > tr > td.selected.start {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
}
.calendar > table > tbody > tr > td.selected.end {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
/* 공통*/
.dimmed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/dimmed_bg.png) repeat;
  z-index: 500;
  display: none;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
}
.guideText {
  color: #868c98;
}
.w124 {
  width: 124px;
}
.w130 {
  width: 130px;
}
.w100p {
  width: 100%;
}
.w26p4 {
  width: 26.4%;
}
.w29p4 {
  width: 29.4%;
}
.w38p {
  width: 38%;
}
.w48p5 {
  width: 48.5%;
}
.bgD1 {
  background-color: #d5d7d8;
}
.mgl20 {
  margin-left: 20px;
}
.mgl40 {
  margin-left: 40px;
}
.mgl100 {
  margin-left: 100px;
}
.mgl2p {
  margin-left: 2%;
}
.mgb20 {
  margin-bottom: 20px;
}
/* 2021-03-21 추가 */
.mgt25 {
  margin-top: 25px;
}
/* //2021-03-21 추가 */
.pdl30 {
  padding-left: 30px;
}

.input-check input{
  display:none;
  width:0;
  height:0;
  position:absolute;
  left:-9999px
}
.input-check input + label{
  display:flex;
  align-items:center;
  color:#868686;
  font-size:14px;
}
.input-check input + label::before{
  content:'';
  display:block;
  margin-right:10px;
  box-sizing:border-box;
}
.input-check .check-rectangle + label::before{
  width:16px;
  height:16px;
  border:1px solid #adadad;
}
.input-check .check-rectangle:checked + label::before{
  border:5px solid #00adef;
}
/* 오른쪽 사이드바 */
.sidebarR {
  width: 240px;
  float: right;
}
.sideInfoBox {
  border: 1px solid #e7e9ed;
  background-color: #ffffff;
  margin-bottom: 20px;
}
.sideInfoImg {
  display: block;
  width: 50px;
  height: 50px;
  margin: 30px auto 20px;
}
.sideInfoText {
  text-align: center;
}
.sideInfoText {
  font-size: 20px;
}
.sideInfoText span {
  overflow: hidden;
  display: inline-block;
  max-width: 70%;
  margin-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
/* 마이페이지 내정보 */
.myInfo {
  width: 100%;
}
.myInfo h3 {
  height: 50px;
  line-height: 50px;
  margin-bottom: 35px;
  padding: 0 20px;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: -0.04em;
  background-color: #3c4451;
  border-radius: 5px;
}
.myinfoBox {
  width: 100%;
}
.myInfoLeftBox {
  float: left;
  width: 46.5%;
  margin-right: 3.5%;
}
.myInfoRightBox {
  float: left;
  width: 46.5%;
  margin-left: 3.5%;
}
.myinfoBox dl {
  margin-bottom: 35px;
}
.myinfoBox dl dt {
  margin-bottom: 10px;
  font-size: 16px;
  color: #3c4451;
  letter-spacing: -0.025em;
}
.myinfoBox p {
  margin: 10px 0 0 20px;
  font-size: 14px;
  color: #71767c;
}
.myinfoBox dl dd span {
  margin: 0 1.5%;
}
.myinfoBox .genderBox {
  height: 50px;
  line-height: 50px;
  border: 1px solid #e7e9ed;
  background-color: #ffffff;
}
.myinfoBox .genderBox input[type=radio] {
  margin-left: 30px;
}
.myinfoBox .genderBox label {
  color: #a7afbb;
}
.myinfoBox .genderBox label.active {
  color: #4c5667;
}
.myinfoBox .memLeave span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #3c4451;
}
.myinfoBox .memLeave .leave {
  width: 130px;
  height: 50px;
  background-color: #3c4451;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
.myInfo .confirmBox {
  margin: 70px 0 100px;
  text-align: center;
}
.myInfo .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #192028;
  color: #ffffff;
  cursor: pointer;
}
/* 마이페이지 회원탈퇴 레이어 팝업 */
.layerPopLeave h4 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
}
.layerPopLeave p {
  margin: 10px 0 30px;
  text-align: center;
  line-height: 1.8;
}
.layerPopLeave p span {
  color: #00adef;
}
.layerPopLeave .radioBox ul {
  overflow: hidden;
  margin: 0 -1%;
}
.layerPopLeave .radioBox li {
  float: left;
  width: 48%;
  margin: 10px 1%;
}
.layerPopLeave .radioBox label {
  word-break: break-all;
}
.layerPopLeave textarea {
  width: 100%;
  height: 110px;
  padding: 10px;
  border: 1px solid #dcdfe4;
  background-color: #fff;
}
.layerPopLeave #textCount {
  text-align: left;
}
.layerPopLeave .confirmBox {
  margin-top: 30px;
  text-align: center;
}
.layerPopLeave .confirmBox .cancel {
  box-sizing: border-box;
  width: 48%;
  height: 50px;
  border: 1px solid #dcdfe4;
}
.layerPopLeave .confirmBox .confirm {
  width: 48%;
  height: 50px;
  margin-left: 2%;
  background-color: #192028;
  color: #ffffff;
  cursor: pointer;
}
/* 마이페이지 예약변경 레이어 팝업 */
.reserChangeBox {
  min-width: 1200px;
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 10px;
}
.reserChangeBox h4 {
  font-size: 26px;
  margin-bottom: 30px;
}
.reserChangeLeftBox {
  float: left;
  width: 675px;
}
.reserStartcalendar {
  width: 100%;
}
.resStartBox dt {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border: 1px solid #a7afbb;
  background: #dcdfe4;
  font-size: 16px;
}
.reserStartcalendar dd {
  padding: 25px 0;
}
.reserStartTime {
  float: left;
  width: 280px;
}
.reserStartTime dd {
  padding: 25px 0;
}
.reserStartTime dd span {
  margin: 0 3%;
}
.reserEndTime {
  float: right;
  width: 280px;
}
.reserEndTime dd {
  padding: 25px 0;
}
.reserEndTime dd span {
  margin: 0 3%;
}
.resStartBox .btn-wrap {
  clear: both;
  overflow: hidden;
  padding-top: 20px;
  text-align: center;
}
.resStartBox .btn-wrap a {
  display: inline-block;
  width: 120px;
  background: #192028;
  color: #fff;
  line-height: 50px;
}
.reserChangeRightBox {
  float: right;
  width: 495px;
}
.reserChangeList {
  width: 495px;
  position: relative;
  top: 0;
  left: 0;
  background-color: #ffffff;
  margin-bottom: 50px;
}
.reserChangeList:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 11px;
  background: url(../images/reserve_change_list_top_bg.jpg) no-repeat;
}
.reserChangeList:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 11px;
  background: url(../images/reserve_change_list_bot_bg.png) no-repeat;
}
.reserChangeListBox {
  width: 425px;
  padding: 25px 35px;
}
.reserChangeListBox p {
  color: #9da8b1;
  line-height: 20px;
}
.reserChangeListBox p span {
  color: #00adef;
}
.reserChangeListBox .prevPrice {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #ced3d8;
}
.reserChangeListBox .prevPrice > div {
  overflow: hidden;
  margin-top: 20px;
}
.reserChangeListBox .prevPrice > div > h3 {
  margin-bottom: 10px;
  font-weight: bold;
}
.reserChangeListBox .prevPrice > div .left,
.reserChangeListBox .prevPrice > div .right {
  float: left;
}
.reserChangeListBox .prevPrice > div .left {
  width: 65%;
}
.reserChangeListBox .prevPrice > div .right {
  width: 35%;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
.reserChangeListBox .prevPrice > div dl {
  overflow: hidden;
  line-height: 1.8;
}
.reserChangeListBox .prevPrice > div dt {
  float: left;
  width: 140px;
}
.reserChangeListBox .prevPrice > div dd {
  float: left;
}
.reserChangeListBox .prevPrice .pPRight {
  float: left;
  width: 170px;
  margin-top: 34px;
  font-size: 25px;
  text-decoration: line-through;
  text-align: right;
}
.reserChangeListBox .prevPrice .pPRight span {
  font-size: 30px;
}
.reserChangeListBox .changePrice {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #ced3d8;
}
.reserChangeListBox .changePrice .cPLeft {
  float: left;
  width: 255px;
}
.reserChangeListBox .changePrice .cPLeft > span {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
}
.reserChangeListBox .changePrice .cPLeft dl {
  color: #9da8b1;
}
.reserChangeListBox .changePrice .cPLeft dt {
  float: left;
  width: 150px;
  font-size: 15px;
  line-height: 22px;
}
.reserChangeListBox .changePrice .cPLeft dd {
  float: left;
  width: 105px;
  font-size: 15px;
  line-height: 22px;
}
.reserChangeListBox .changePrice .cPRight {
  float: left;
  width: 170px;
  margin-top: 34px;
  font-size: 25px;
  text-align: right;
}
.reserChangeListBox .changePrice .cPRight span {
  font-size: 35px;
  color: #00adef;
}
.reserChangeListBox .changePriceBox1 {
  margin-bottom: 30px;
}
.reserChangeListBox .changePriceBox2 .cPRight {
  margin-top: -10px;
}
.reserChangeListBox .totalPrice {
  margin-top: 40px;
  margin-bottom: 10px;
}
.reserChangeListBox .totalPrice .tPLeft {
  float: left;
  width: 255px;
}
.reserChangeListBox .totalPrice .tPLeft > span {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
}
.reserChangeListBox .totalPrice .tPRight {
  float: left;
  width: 170px;
  margin-top: -10px;
  font-size: 25px;
  text-align: right;
  color: #00adef;
}
.reserChangeListBox .totalPrice .tPRight span {
  font-size: 35px;
}
.paymentMethod {
  margin-bottom: 40px;
}
.paymentMethod dl {
  width: 100%;
  margin-bottom: 20px;
}
.paymentMethod dt {
  float: left;
  width: 95px;
  height: 50px;
  line-height: 50px;
}
.paymentMethod dd {
  float: left;
  width: 100%;
}
.paymentMethod dl:first-child dd {
  height: 50px;
  line-height: 50px;
  border: 1px solid #e7e9ed;
  background-color: #ffffff;
}
.paymentMethod dd label {
  color: #4c5667;
}
/* #a7afbb */
.paymentMethod dd label.active {
  color: #4c5667;
}
.reserChangeRightBox .confirmBox {
  overflow: hidden;
}
.reserChangeRightBox .confirmBox input {
  float: left;
  box-sizing: border-box;
  width: 48%;
  height: 50px;
  cursor: pointer;
}
.reserChangeRightBox .confirmBox .cancel {
  border: 1px solid #a7afbb;
  color: #666666;
}
.reserChangeRightBox .confirmBox .confirm {
  margin-left: 4%;
  background-color: #192028;
  color: #ffffff;
}
.reserChangeRightBox input[type=radio] {
  margin-left: 30px;
}
.layerPopReserChange .closeBox {
  position: absolute;
  top: 45px;
  right: 45px;
}
/* 마이페이지 예약취소 레이어 팝업 */
.layerPopReserCancel h4 {
  font-size: 16px;
  color: #3c4452;
  letter-spacing: -0.1em;
  text-align: center;
  margin-bottom: 20px;
}
.layerPopReserCancel p {
  line-height: 24px;
  color: #3c4452;
  letter-spacing: -0.025em;
  text-align: center;
  padding: 20px 0;
}
.layerPopReserCancel p + p {
  border-top: 1px solid #b7b7b7;
}
.layerPopReserCancel p span {
  color: #00adef;
}
.layerPopReserCancel .confirmBox {
  margin-top: 10px;
  text-align: center;
}
.layerPopReserCancel .confirmBox .cancel {
  width: 195px;
  height: 50px;
  color: #666666;
}
.layerPopReserCancel .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
/* 마이페이지 이용후기 뷰 레이어 팝업 */
.layerPopReviewView h4 {
  font-size: 16px;
  color: #3c4452;
  letter-spacing: -0.1em;
  text-align: center;
  margin-bottom: 25px;
}
.layerPopReviewView .infoView {
  text-align: center;
}
.layerPopReviewView .infoView li {
  display: inline-block;
  letter-spacing: -0.025em;
  color: #3c4452;
  text-transform: uppercase;
  padding: 0 9px;
}
.layerPopReviewView .infoView li + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #dcdfe4;
  position: relative;
  top: 3px;
  left: -10px;
}
.layerPopReviewView .rVBox {
  width: 775px;
  margin-top: 30px;
  padding: 25px 50px 35px;
  background-color: #eef2f5;
}
.layerPopReviewView .starBox dl {
  margin-bottom: 25px;
  text-align: center;
}
.layerPopReviewView .starBox dt {
  display: inline-block;
  width: 75px;
}
.layerPopReviewView .starBox dd {
  display: inline-block;
  width: 105px;
}
.layerPopReviewView .starBox img {
  vertical-align: middle;
  padding-right: 3px;
}
.layerPopReviewView .starBox dd span {
  color: #00adef;
}
.layerPopReviewView .rVBox p {
  line-height: 22px;
}
.layerPopReviewView .confirmBox {
  margin-top: 40px;
  text-align: center;
}
.layerPopReviewView .confirmBox .delete {
  width: 195px;
  height: 50px;
  border: 1px solid #dcdfe4;
  border-radius: 5px;
  color: #666666;
  cursor: pointer;
}
.layerPopReviewView .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
}
.layerPopReviewView .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 마이페이지 이용후기 등록 레이어 팝업 */
.layerPopReviewWrite h4 {
  font-size: 16px;
  color: #3c4452;
  letter-spacing: -0.1em;
  text-align: center;
  margin-bottom: 25px;
}
.layerPopReviewWrite .infoView {
  text-align: center;
}
.layerPopReviewWrite .infoView li {
  display: inline-block;
  letter-spacing: -0.025em;
  color: #3c4452;
  text-transform: uppercase;
  padding: 0 9px;
}
.layerPopReviewWrite .infoView li + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #dcdfe4;
  position: relative;
  top: 3px;
  left: -10px;
}
.layerPopReviewWrite dl {
  margin-top: 35px;
}
.layerPopReviewWrite dt {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #ffffff;
  background-color: #3c4451;
  letter-spacing: -0.025em;
  border-radius: 5px;
  padding: 0 20px;
}
.layerPopReviewWrite dd {
  padding: 25px 0;
}
.layerPopReviewWrite .scoreBox {
  margin-bottom: 30px;
}
.layerPopReviewWrite .scoreBox > div {
  float: left;
  width: 265px;
}
.layerPopReviewWrite .scoreBox > div + div {
  margin-left: 40px;
}
.layerPopReviewWrite .scoreBox span {
  display: block;
  color: #3c4452;
  margin-bottom: 10px;
}
.layerPopReviewWrite .scoreBox .starBox {
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 5px;
}
.layerPopReviewWrite .scoreBox .starBox ul {
  text-align: center;
}
.layerPopReviewWrite .scoreBox .starBox li {
  display: inline-block;
}
.layerPopReviewWrite .scoreBox .starBox li img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  cursor: pointer;
}
.layerPopReviewWrite .textBox textarea {
  width: 100%;
  height: 220px;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  padding: 25px;
  line-height: 22px;
  resize: none;
}
.layerPopReviewWrite .textBox p {
  margin-top: 10px;
}
.layerPopReviewWrite .confirmBox {
  margin-top: 5px;
  text-align: center;
}
.layerPopReviewWrite .confirmBox .cancel {
  width: 195px;
  height: 50px;
  border: 1px solid #dcdfe4;
  border-radius: 5px;
  color: #666666;
}
.layerPopReviewWrite .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
.layerPopReviewWrite .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 마이페이지 구매영수증 레이어 팝업 */
.layerPopReceipt {
  /*position:fixed;top:50%;left:50%;margin-left:-290px;*/
}
.layerPopReceipt .lg {
  position: absolute;
  top: 30px;
  right: 30px;
}
.layerPopReceipt h4 {
  font-size: 25px;
  color: #3c4452;
  margin-bottom: 25px;
}
.layerPopReceipt .receiptBox {
  width: 460px;
  padding: 30px;
  background-color: #ffffff;
}
.layerPopReceipt .receiptBox dl {
  float: left;
  width: 230px;
}
.layerPopReceipt .receiptBox dl + dl {
  width: 200px;
  padding-left: 30px;
}
.layerPopReceipt .receiptBox dt {
  font-size: 14px;
  line-height: 22px;
  color: #666666;
  margin-bottom: 3px;
}
.layerPopReceipt .receiptBox dd {
  font-size: 16px;
  line-height: 22px;
  color: #1a1a1a;
  font-family: '나눔스퀘어 볼드', '나눔고딕 볼드', 'NanumSquareBold', 'NanumGothicBold';
}
.layerPopReceipt .receiptBox dd span {
  color: #00adef;
}
.layerPopReceipt .receiptBox p {
  color: #666666;
}
.layerPopReceipt .receiptBox1 {
  padding-bottom: 25px;
}
.layerPopReceipt .receiptBox2 {
  padding: 25px 0;
  border-top: 1px solid #dfdfdf;
}
.layerPopReceipt .receiptBox3 {
  padding: 25px 0 20px;
  border-top: 1px solid #dfdfdf;
}
.layerPopReceipt .receiptBox4 {
  padding: 25px 0;
  border-top: 1px solid #dfdfdf;
}
.layerPopReceipt .receiptBox5 {
  padding: 15px 0 25px;
  border-top: 1px solid #dfdfdf;
}
.layerPopReceipt .receiptBox6 {
  padding: 15px 0 0;
  border-top: 1px solid #dfdfdf;
}
.layerPopReceipt .receiptBox6 dl {
  float: none;
  width: 460px;
}
.layerPopReceipt .receiptBox6 dt {
  float: left;
  width: 120px;
  font-size: 14px;
}
.layerPopReceipt .receiptBox6 dd {
  float: left;
  width: 310px;
  padding-left: 30px;
  font-size: 14px;
  color: #666666;
}
.layerPopReceipt .confirmBox {
  margin-top: 30px;
  text-align: center;
}
.layerPopReceipt .confirmBox .cancel {
  width: 195px;
  height: 50px;
  border: 1px solid #868c98;
  color: #192028;
}
.layerPopReceipt .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #192028;
  color: #ffffff;
  cursor: pointer;
}
.layerPopReceipt .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 보험안내 */
.customerFaqInsurence {
  width: 100%;
  padding-top: 45px;
}
.customerFaqInsurence .tabBox {
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #dcdfe4;
  border-radius: 5px;
  margin-bottom: 20px;
}
.customerFaqInsurence .tabBox li {
  display: inline-block;
  margin-left: 40px;
}
.customerFaqInsurence .tabBox li a {
  color: #162235;
}
.customerFaqInsurence .tabBox li a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url(../images/tabbox_bullet.gif) no-repeat 0 9px;
  position: relative;
  top: 0;
  left: 8px;
}
#cFIBox1 {
  padding: 30px 40px;
  margin-bottom: 20px;
  background-color: #ffffff;
}
#cFIBox1 h4 {
  font-size: 25px;
  line-height: 50px;
  color: #162235;
  margin-bottom: 25px;
}
#cFIBox1 .cFISBox1 {
  min-height: 150px;
  margin-bottom: 30px;
  background: url(../images/customer_faq_insurence_img01.png) no-repeat right 0;
}
#cFIBox1 .textBox p {
  line-height: 22px;
  color: #3c4451;
}
#cFIBox1 .textBox p span {
  color: #00adef;
}
#cFIBox1 table.cFIB1 {
  width: 100%;
  border-spacing: 0px;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-radius: 5px;
  overflow: hidden;
  table-layout: fixed;
  color: #3c4451;
}
#cFIBox1 table.cFIB1 th {
  padding: 17px 40px;
  background-color: #e8e9ed;
}
#cFIBox1 table.cFIB1 td {
  padding: 12px 40px;
  border-bottom: 1px solid #e9e9e9;
}
#cFIBox1 table.cFIB1 thead th:first-child {
  border-top-left-radius: 5px;
}
#cFIBox1 table.cFIB1 tbody tr:last-child th {
  border-bottom-left-radius: 5px;
}
#cFIBox1 table.cFIB1 thead th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#cFIBox1 table tbody th {
  border-bottom: 1px solid #e8e9ed;
}
#cFIBox2 {
  padding: 30px 40px 50px;
  margin-bottom: 20px;
  background-color: #ffffff;
}
#cFIBox2 h4 {
  font-size: 25px;
  line-height: 50px;
  color: #162235;
  text-align: center;
  margin-bottom: 25px;
}
#cFIBox2 > p {
  line-height: 22px;
  color: #3c4451;
  text-align: center;
  margin-bottom: 45px;
}
#cFIBox2 .cFISBox2 > dl {
  width: 48%;
}
#cFIBox2 .cFISBox2 > dl.fl {
  float: left;
  margin-right: 2%;
}
#cFIBox2 .cFISBox2 > dl.fr {
  float: right;
  margin-left: 2%;
}
#cFIBox2 .cFISBox2 > dl > dt {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #ffffff;
  background-color: #3c4451;
  border-radius: 5px;
  margin-bottom: 15px;
}
#cFIBox2 .cFISBox2 > dl > dt span {
  color: #47baf1;
}
#cFIBox2 .cFISBox2 .cFIBP1 {
  line-height: 22px;
  color: #3c4451;
  margin-bottom: 45px;
}
#cFIBox2 .cFISBox2 .cFIB2_1 dt {
  float: left;
  width: 75px;
  line-height: 22px;
  color: #00adef;
}
#cFIBox2 .cFISBox2 .cFIB2_1 dd {
  padding-left: 75px;
  line-height: 22px;
  color: #3c4451;
}
#cFIBox2 .cFISBox2 .cFIB2_1 dd .pink {
  color: #f62e4f;
}
#cFIBox2 .cFISBox2 .cFIB2_1 dd .gray {
  color: #b9bbbe;
}
#cFIBox2 .cFISBox2 .cFIB2_2 {
  margin-top: 15px;
  background-color: #eef2f5;
}
#cFIBox2 .cFISBox2 .cFIB2_2S {
  width: 355px;
  height: 345px;
  margin: 0 auto;
}
#cFIBox2 .cFISBox2 .cFIB2_2S > span {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #00adef;
  padding-top: 25px;
  margin-bottom: 20px;
}
#cFIBox2 .cFISBox2 .cFIB2_2S p {
  line-height: 24px;
  color: #3c4451;
  padding-bottom: 35px;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 45px;
}
#cFIBox2 .cFISBox2 .cFIB2_2S dt {
  float: left;
  width: 85px;
  position: relative;
  top: 0;
  left: 0;
  line-height: 27px;
  color: #3c4451;
}
#cFIBox2 .cFISBox2 .cFIB2_2S dt:after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
}
#cFIBox2 .cFISBox2 .cFIB2_2S dd {
  padding-left: 90px;
  line-height: 27px;
  color: #3c4451;
}
#cFIBox2 .cFISBox2 .cFIB2_2S dd span {
  font-size: 20px;
  color: #00adef;
}
#cFIBox2 .cFISBox2 .cFIB2_3 dt {
  float: left;
  width: 75px;
  line-height: 22px;
  color: #00adef;
}
#cFIBox2 .cFISBox2 .cFIB2_3 dd {
  padding-left: 75px;
  line-height: 22px;
  color: #3c4451;
}
#cFIBox2 .cFISBox2 .cFIB2_3 dd .pink {
  color: #f62e4f;
}
#cFIBox2 .cFISBox2 .cFIB2_3 dd .gray {
  color: #b9bbbe;
}
#cFIBox2 .cFISBox2 .cFIB2_4 {
  margin-top: 15px;
  background-color: #eef2f5;
}
#cFIBox2 .cFISBox2 .cFIB2_4S {
  width: 355px;
  height: 345px;
  margin: 0 auto;
}
#cFIBox2 .cFISBox2 .cFIB2_4S > span {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #00adef;
  padding-top: 25px;
  margin-bottom: 20px;
}
#cFIBox2 .cFISBox2 .cFIB2_4S p {
  line-height: 24px;
  color: #3c4451;
  padding-bottom: 35px;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 45px;
}
#cFIBox2 .cFISBox2 .cFIB2_4S dt {
  float: left;
  width: 85px;
  position: relative;
  top: 0;
  left: 0;
  line-height: 27px;
  color: #3c4451;
}
#cFIBox2 .cFISBox2 .cFIB2_4S dt:after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
}
#cFIBox2 .cFISBox2 .cFIB2_4S dd {
  padding-left: 90px;
  line-height: 27px;
  color: #3c4451;
}
#cFIBox2 .cFISBox2 .cFIB2_4S dd span {
  font-size: 25px;
  position: relative;
  left: 0;
  top: -8px;
  letter-spacing: 0.05em;
}
#cFIBox2 .cFISBox2 .cFIB2_4S dd .big {
  font-size: 25px;
  color: #192028;
  text-transform: uppercase;
}
#cFIBox2 .cFISBox2 .cFIB2_4S .cFIBP2 {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 22px;
}
#cFIBox3 {
  padding: 30px 40px 25px;
  margin-bottom: 20px;
  background-color: #ffffff;
}
#cFIBox3 h4 {
  font-size: 25px;
  line-height: 50px;
  color: #162235;
  text-align: center;
  margin-bottom: 25px;
}
#cFIBox3 table.cFIB3 {
  width: 100%;
  border-spacing: 0px;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #3c4451;
}
#cFIBox3 table.cFIB3 th {
  padding: 17px 30px;
  background-color: #e8e9ed;
}
#cFIBox3 table.cFIB3 td {
  padding: 7px 30px;
  border-top: 1px solid #e9e9e9;
}
#cFIBox3 table.cFIB3 .bdrl {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#cFIBox3 table.cFIB3 .bdrr {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#cFIBox3 table.cFIB3 input[type=button] {
  width: 100px;
  padding: 6px 0;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
  font-size: 13px;
}
#cFIBox4 {
  padding: 30px 40px 0;
  margin-bottom: 20px;
  background-color: #ffffff;
}
#cFIBox4 h4 {
  font-size: 25px;
  line-height: 50px;
  color: #162235;
  text-align: center;
  margin-bottom: 15px;
}
#cFIBox4 > p {
  line-height: 22px;
  color: #3c4451;
  text-align: center;
  margin-bottom: 40px;
}
#cFIBox4 > p span {
  font-size: 20px;
  line-height: 30px;
}
#cFIBox4 .cFISBox4 {
  background-color: #eef2f5;
  padding-bottom: 45px;
  margin-bottom: 30px;
}
#cFIBox4 .cFISBox4 > span {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
  color: #3c4451;
  padding-top: 35px;
  margin-bottom: 20px;
}
#cFIBox4 .cFISBox4 .imgBox img {
  display: block;
  width: 98%;
  padding: 0 1%;
  max-width: 971px;
  margin: 35px auto 20px;
}
#cFIBox4 .cFISBox4 p {
  line-height: 22px;
  color: #3c4451;
  margin-left: 26%;
}
#cFIBox4 .cFISBox4 p span {
  color: #00adef;
}
#cFIBox4 dt {
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
  background-color: #3c4451;
  margin-bottom: 40px;
}
#cFIBox4 dd li {
  float: left;
  padding-left: 70px;
  width: 33.333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 45px;
  position: relative;
  top: 0;
  left: 0;
}
#cFIBox4 dd li span {
  display: block;
  line-height: 22px;
  color: #00adef;
}
#cFIBox4 dd li p {
  word-break: keep-all;
  line-height: 22px;
  color: #3c4451;
}
#cFIBox4 dd li.cFIico1:before {
  width: 69px;
  height: 31px;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background: url(../images/customer_faq_insurence_ico02.png) no-repeat;
}
#cFIBox4 dd li.cFIico2:before {
  width: 70px;
  height: 54px;
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  background: url(../images/customer_faq_insurence_ico03.png) no-repeat;
}
#cFIBox4 dd li.cFIico3:before {
  width: 70px;
  height: 49px;
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: url(../images/customer_faq_insurence_ico06.png) no-repeat;
}
#cFIBox4 dd li.cFIico4:before {
  width: 69px;
  height: 45px;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background: url(../images/customer_faq_insurence_ico04.png) no-repeat;
}
#cFIBox4 dd li.cFIico5:before {
  width: 70px;
  height: 41px;
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  background: url(../images/customer_faq_insurence_ico05.png) no-repeat;
}
#cFIBox4 dd li.cFIico6:before {
  width: 70px;
  height: 47px;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  background: url(../images/customer_faq_insurence_ico06.png) no-repeat;
}
/* 보험안내 팝업 */
.layerPopInsurance {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -315px;
  width: 550px;
  padding: 40px;
  background-color: #eef2f5;
  z-index: 500;
  display: none;
}
.layerPopInsurance h4 {
  font-size: 16px;
  color: #3c4452;
  letter-spacing: -0.1em;
  margin-bottom: 25px;
}
.layerPopInsurance .detailBox dl {
  padding-bottom: 30px;
}
.layerPopInsurance .detailBox dt {
  line-height: 24px;
  color: #3c4452;
  letter-spacing: -0.025em;
  margin-bottom: 2px;
}
.layerPopInsurance .detailBox dd {
  line-height: 20px;
  color: #90959e;
  letter-spacing: -0.025em;
  word-break: keep-all;
}
.layerPopInsurance .detailBox dd span {
  color: #00adef;
}
.layerPopInsurance .detail1 {
  border-bottom: 1px solid #b7b7b7;
}
.layerPopInsurance .detail2 {
  margin-top: 25px;
  border-bottom: 1px solid #b7b7b7;
}
.layerPopInsurance .linkBox {
  margin-top: 30px;
}
.layerPopInsurance .linkBox a {
  display: block;
  width: 195px;
  height: 50px;
  line-height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
}
.layerPopInsurance .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 아이디 / 비밀번호 찾기 팝업 */
.layerPopLostIdPw h4 {
  font-size: 16px;
  margin-bottom: 25px;
}
.layerPopLostIdPw .tabBox {
  text-align: center;
  margin-bottom: 30px;
}
.layerPopLostIdPw .tabBox li {
  display: inline-block;
  width: 49%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.layerPopLostIdPw .tabBox li a {
  display: block;
}
.layerPopLostIdPw .tabBox li.active {
  background-color: #192028;
}
.layerPopLostIdPw .tabBox li.active a {
  color: #ffffff;
}
.layerPopLostIdPw .lostIdBox dl {
  margin-bottom: 15px;
}
.layerPopLostIdPw .lostIdBox dt {
  color: #3c4452;
  line-height: 24px;
  margin-bottom: 5px;
}
.layerPopLostIdPw .lostPwBox {
  display: none;
}
.layerPopLostIdPw .lostPwBox dl {
  margin-bottom: 15px;
}
.layerPopLostIdPw .lostPwBox dt {
  color: #3c4452;
  line-height: 24px;
  margin-bottom: 5px;
}
.layerPopLostIdPw .confirmBox {
  margin-top: 35px;
  text-align: center;
}
.layerPopLostIdPw .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #192028;
  color: #ffffff;
  cursor: pointer;
}
.layerPopLostIdPw .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 회원가입 */
.join {
  width: 985px;
  margin: 50px auto;
}
.join h3 {
  font-size: 25px;
  line-height: 50px;
  color: #1b2434;
  text-align: center;
  padding: 60px 0 50px;
}
.joinBox input[type=radio] {
  margin-left: 30px;
}
.joinBox dl {
  float: left;
  width: 470px;
}
.joinBox dl + dl {
  margin-left: 45px;
}
.joinBox dl dt {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #3c4451;
  letter-spacing: -0.025em;
}
.joinBox .joinSBox1 {
  margin-bottom: 40px;
}
.joinBox .repetitionCheck {
  margin-top: 30px;
}
.joinBox .repetitionCheck .rCheck {
  width: 86px;
  height: 50px;
  line-height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
}
.joinBox .repetitionCheck .rCheck + span {
  display: inline-block;
  line-height: 20px;
  color: #71767c;
  margin-left: 15px;
  vertical-align: middle;
}
.joinBox dl dd .bullet {
  display: inline-block;
  width: 6px;
  margin: 0 14px;
}
.joinBox .verificationCode {
  margin-top: 30px;
}
.joinBox .verificationCode .vCode {
  width: 130px;
  height: 50px;
  line-height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
}
.joinBox .verificationCode .vCode + span {
  display: inline-block;
  width: 325px;
  line-height: 20px;
  color: #71767c;
  margin-left: 15px;
  vertical-align: middle;
  word-break: keep-all;
}
.joinBox .joinSBox2 {
  overflow: hidden;
  margin-bottom: 30px;
}
.joinBox .joinSBox2 label {
  display: inline-block;
  margin-left: 5px;
  line-height: 1.8;
  vertical-align: middle;
}
.joinBox .joinSBox3 {
  margin-bottom: 30px;
}
.joinBox p {
  margin: 10px 0 0 20px;
  font-size: 14px;
  color: #a7afbb;
}
.joinBox .joinSBox4 {
  margin-bottom: 20px;
}
.joinBox dl dd .letter {
  display: inline-block;
  width: 13px;
  margin: 0 5px;
}
.joinBox .genderBox {
  height: 50px;
  line-height: 50px;
  border: 1px solid #e7e9ed;
  background-color: #ffffff;
}
.joinBox .genderBox label {
  color: #a7afbb;
}
.joinBox .genderBox label.active {
  color: #4c5667;
}
.agreementBox {
  margin-top: 90px;
  position: relative;
  top: 0;
  left: 0;
}
.agreementBox h4 {
  font-size: 16px;
  line-height: 50px;
  color: #1b2434;
}
.agreementBox .allAgreeBox {
  position: absolute;
  top: 13px;
  right: 0;
  font-size: 13px;
  line-height: 20px;
}
.agreementBox .allAgreeBox label {
  margin-left: 3px;
}
.agreementBox .termsAgreeBox {
  width: 935px;
  height: 195px;
  padding: 25px;
  background-color: #ffffff;
  overflow-y: auto;
}
.agreementBox .agreeText {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
  color: #1b2434;
  text-align: right;
}
.agreementBox .agreeText label {
  margin-left: 3px;
}
.join .confirmBox {
  margin: 60px 0 50px;
  text-align: center;
}
.join .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #192028;
  color: #ffffff;
  cursor: pointer;
}
/* 휴대번호인증 팝업 */
.layerPopVerification {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -215px;
  width: 330px;
  padding: 40px 50px;
  background-color: #eef2f5;
  z-index: 500;
  display: none;
}
.layerPopVerification h4 {
  font-size: 16px;
  color: #3c4452;
  letter-spacing: -0.1em;
  margin-bottom: 20px;
  text-align: center;
}
.layerPopVerification p {
  line-height: 24px;
  color: #3c4452;
  letter-spacing: -0.025em;
  text-align: center;
}
.layerPopVerification .vs1 {
  display: block;
  line-height: 50px;
  color: #a7afbb;
  text-align: center;
}
.layerPopVerification input[type="text"] {
  text-align: center;
}
.layerPopVerification .requestBox {
  margin-top: 20px;
  text-align: center;
}
.layerPopVerification .vs2 {
  line-height: 24px;
  color: #3c4452;
  letter-spacing: -1px;
}
.layerPopVerification .vs3 {
  line-height: 24px;
  color: #f91c3b;
  margin: 0 20px;
  letter-spacing: -1px;
}
.layerPopVerification .requestBox input[type="button"] {
  width: 140px;
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  border-radius: 5px;
}
.layerPopVerification .confirmBox {
  margin-top: 20px;
  text-align: center;
}
.layerPopVerification .confirmBox .confirm {
  width: 195px;
  height: 50px;
  background-color: #00adef;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
.layerPopVerification .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 회원가입 완료 Bob */
.joinCompete{
  margin:50px auto 54px;
  text-align:center;
}
.joinCompete .tit--bold{
  font-size:26px;
  font-weight:900;
}
.joinCompete .img-visual{
  margin-top:42px;
}
.joinCompete .note {
  font-size:17px;
  margin-top:40px;
  font-weight:400;
  line-height:1.63;
}
.joinCompete .btn-group{
  margin-top:43px;
}
.joinCompete .btn-group .btn{
  background:#adadad;
  width:156px;
  padding:15px 0;
  font-size:18px;
  font-weight:600;
  color:#fff;
}
.joinCompete .btn-group .btn + .btn{
  background: #192028;
  margin-left:14px;
}
.joinCompete .content-bottom{
  width:375px;
  margin: 84px auto 0;
}

.joinCompete .banner__container,
.joinCompete .banner__item {
  width:100%;
  height:80px;
}
.joinCompete .banner__item a{
  display:block;
  width:100%;
  height:100%;
  text-align:center;
}

.banner__container .banner__item {
  position:relative;
  overflow:hidden;
}
.banner__container .banner__item a{
  display:block;
  width:100%;
  height:100%;
}
.banner__container .banner__item img{
  position:absolute;
  display:block;
  width:100%;
  top:50%;
  left:50%;
  -o-object-fit:contain;
  object-fit:contain;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.banner--small .banner__tit{
  margin-bottom:14px;
  font-size:15px;
  font-weight:600;
  text-align:left;
}
.banner--small .slick-dots{
  bottom:10px;
  padding-right:10px;
  box-sizing:border-box;
  text-align:right;
}
.banner--small .slick-dots li{
  width:8px;
  height:8px;
  margin:0 4px;
  padding:0;
}
.banner--small .slick-dots li button{
  background:#e2e2e2;
  width:8px;
  height:8px;
  padding:0;
  border-radius:50%;
}
.banner--small .slick-dots li button::before{
  display:none;
}
.banner--small .slick-dots li.slick-active{
  width:20px;
}
.banner--small .slick-dots li.slick-active button{
  width:20px;
  background:#000;
  border-radius:8px;
}
/* 이용혜택 */
#useBenefit {
  width: 100%;
  padding: 45px 0;
}
#useBenefit img {
  display: block;
}
.useBenefitBox1 {
  background-color: #327ce1;
}
.useBenefitSBox1 {
  min-width: 1200px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}
.useBenefitSBox1 .bLink01 {
  width: 10.48%;
  position: absolute;
  top: 34.55%;
  left: 23.8%;
}
.useBenefitSBox1 .bLink02 {
  width: 10.48%;
  position: absolute;
  top: 34.55%;
  left: 64.2%;
}
/* .useBenefitSBox1 .bLink03{width:10.48%;position:absolute;top:35%;left:67.2%} */
.useBenefitBox2 {
  background-color: #1c2128;
}
.useBenefitSBox2 {
  min-width: 1200px;
  max-width: 1440px;
  margin: 0 auto;
}
/* .useBenefitBox3{background-color:#ffffff}
.useBenefitSBox3{min-width:1200px;max-width:1440px;margin:0 auto} */
.useBenefitBox4 {
  background-color: #1c2128;
}
.useBenefitSBox4 {
  min-width: 1200px;
  max-width: 1440px;
  margin: 0 auto;
}
/* 회사소개 */
#companySection01 {
  width: 100%;
  height: 450px;
  background: url(../images/company_bg01.jpg) no-repeat center center;
}
.companyBox1 {
  min-width: 1200px;
  max-width: 1440px;
  height: 612px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}
.companyBox1 h2 {
  font-size: 26px;
  color: #30383f;
  text-align: center;
  padding-top: 70px;
}
.companyBox1 h2 span {
  display: block;
  margin-top: 20px;
  font-size: 63px;
}
.companyBox1 ul {
  width: 800px;
  margin: 60px auto 0;
}
.companyBox1 li {
  float: left;
  width: 20%;
  text-align: center;
}
.companyBox1 li span {
  display: block;
}
.companyBox1 li .num {
  font-size: 40px;
  color: #192028;
}
.companyBox1 li .text {
  font-size: 16px;
  color: #343b42;
  margin-top: 15px;
}
.companyBox1 .date {
  clear: both;
  float: right;
  letter-spacing: -0.05em;
  color: #2e3235;
  margin: 70px 20px 0 0;
}
#companySection02 {
  width: 100%;
  height: 601px;
  background-color: #ffffff;
}
.companyBox2 {
  min-width: 1200px;
  max-width: 1440px;
  height: 601px;
  margin: 0 auto;
  background: url(../images/company_bg02.jpg) no-repeat right 0;
}
.companyBox2 h3 {
  font-size: 35px;
  line-height: 50px;
  color: #2e3235;
  letter-spacing: -0.05em;
  padding: 185px 0 25px;
  margin-bottom: 35px;
  position: relative;
  top: 0;
  left: 0;
}
.companyBox2 h3 span {
  color: #0c74d3;
}
.companyBox2 h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.companyBox2 p {
  font-size: 20px;
  line-height: 32px;
  color: #2e3235;
  letter-spacing: -0.025em;
}
#companySection03 {
  width: 100%;
  height: 600px;
  background: url(../images/company_bg03.jpg) no-repeat center center;
}
.companyBox3 {
  min-width: 1200px;
  max-width: 1440px;
  height: 600px;
  margin: 0 auto;
}
.companyBox3 h3 {
  font-size: 35px;
  line-height: 50px;
  color: #ffffff;
  letter-spacing: -0.05em;
  padding: 185px 0 25px;
  margin-bottom: 35px;
  position: relative;
  top: 0;
  left: 0;
}
.companyBox3 h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.companyBox3 p {
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  letter-spacing: -0.025em;
}
#companySection04 {
  width: 100%;
  height: 605px;
  background-color: #ffffff;
}
.companyBox4 {
  min-width: 1200px;
  max-width: 1440px;
  height: 605px;
  margin: 0 auto;
  background: url(../images/company_bg04.jpg) no-repeat right 0;
}
.companyBox4 h3 {
  font-size: 35px;
  line-height: 50px;
  color: #2e3235;
  letter-spacing: -0.05em;
  padding: 190px 0 25px;
  margin-bottom: 35px;
  position: relative;
  top: 0;
  left: 0;
}
.companyBox4 h3 span {
  color: #0c74d3;
}
.companyBox4 h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.companyBox4 p {
  font-size: 20px;
  line-height: 32px;
  color: #2e3235;
  letter-spacing: -0.025em;
}
#companySection05 {
  width: 100%;
  height: 602px;
  background: url(../images/company_bg05.jpg) no-repeat center center;
}
.companyBox5 {
  min-width: 1200px;
  max-width: 1440px;
  height: 602px;
  margin: 0 auto;
}
.companyBox5 h3 {
  font-size: 35px;
  line-height: 50px;
  color: #ffffff;
  letter-spacing: -0.05em;
  padding: 185px 0 25px;
  margin-bottom: 35px;
  position: relative;
  top: 0;
  left: 0;
}
.companyBox5 h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.companyBox5 p {
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  letter-spacing: -0.025em;
}
#companySection06 {
  width: 100%;
  height: 602px;
  background-color: #ffffff;
}
.companyBox6 {
  min-width: 1200px;
  max-width: 1440px;
  height: 602px;
  margin: 0 auto;
  background: url(../images/company_bg06.jpg) no-repeat right 0;
}
.companyBox6 h3 {
  font-size: 35px;
  line-height: 50px;
  color: #2e3235;
  letter-spacing: -0.05em;
  padding: 150px 0 25px;
  margin-bottom: 35px;
  position: relative;
  top: 0;
  left: 0;
}
.companyBox6 h3 span {
  color: #0c74d3;
}
.companyBox6 h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.companyBox6 p {
  font-size: 20px;
  line-height: 32px;
  color: #2e3235;
  letter-spacing: -0.025em;
}
.companyBox6 .linkBox {
  margin-top: 40px;
}
.companyBox6 .linkBox a {
  float: left;
  margin-right: 14px;
}
#companySection07 {
  width: 100%;
  background-color: #eef2f5;
  padding-bottom: 70px;
}
.companyBox7 {
  min-width: 1200px;
  max-width: 1440px;
  margin: 0 auto;
}
.companyBox7 h3 {
  font-size: 26px;
  line-height: 70px;
  color: #2e3235;
  text-align: center;
  padding-top: 140px;
}
.companyBox7 h3 span {
  display: block;
  font-size: 75px;
  line-height: 100px;
}
.companyBox7 ul {
  margin-top: 120px;
}
.companyBox7 li {
  float: left;
  width: 33.333%;
  margin-bottom: 90px;
}
.companyBox7 li img {
  float: left;
}
.companyBox7 li dl {
  margin-left: 170px;
}
.companyBox7 li dt {
  font-size: 24px;
  letter-spacing: -0.05em;
  color: #2e3235;
  padding: 22px 0 15px;
}
.companyBox7 li dd {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.05em;
  color: #2e3235;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
@media (max-width: 1679px) {
  .companyBox7 li {
    margin-bottom: 60px;
  }
  .companyBox7 li a {
    width: 135px;
    height: 135px;
  }
  .companyBox7 li dl {
    margin-left: 155px;
  }
  .companyBox7 li dt {
    font-size: 22px;
    padding: 20px 0 15px;
  }
  .companyBox7 li dd {
    font-size: 20px;
    line-height: 28px;
  }
}
input[type=text],
input[type=password],
input[type=search],
select,
textarea,
input[type=number],
.i-group {
  box-sizing: border-box;
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid #e7e9ed;
  border-radius: 0;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
select:focus,
textarea:focus,
input[type=number] {
  color: #192028;
}
input[type=text],
input[type=password],
input[type=search],
input[type=number],
select {
  height: 40px;
  line-height: 40px;
}
input[type=checkbox],
input[type=radio] {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 8px;
  vertical-align: middle;
}
input[type=password] {
  font-family: '돋움', dotum;
  -webkit-text-security: disc;
}
textarea {
  line-height: 1.8;
}
select {
  min-width: 90px;
  padding-left: 20px !important;
}
.placeholder::-moz-placeholder {
  color: #192028;
  opacity: 1;
}
.placeholder:-ms-input-placeholder {
  color: #192028;
}
.placeholder::-webkit-input-placeholder {
  color: #192028;
}
.i-check {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
}
.i-check:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.i-check:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.i-check:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.i-check:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.i-check:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background-color: #dcdfe4;
}
.i-check > input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.i-year,
.i-month,
.i-date,
.i-hour,
.i-minute {
  margin-right: 5px;
}
.i-month,
.i-date,
.i-minute {
  margin-left: 5px;
}
@media (min-width: 992px) {
  .i-address {
    width: 400px;
  }
}
.i-number {
  border: 1px solid #eef2f5;
  background-color: #fff;
}
.i-number input[type=text] {
  width: 56px;
  border: none;
  text-align: center;
}
.i-group-email .i-email {
  width: 45%;
}
.i-group-email span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 10%;
  min-width: 20px;
  text-align: center;
}
.i-group-phone .i-phone {
  width: 29%;
}
.i-group-phone span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 6.5%;
  min-width: 15px;
  text-align: center;
}
.form .row {
  overflow: hidden;
  margin-right: -4.773%;
  margin-left: -4.773%;
}
.form .form-item > .header {
  padding-right: 4.444%;
  padding-left: 4.444%;
  border-radius: 0;
  background-color: #3c4452;
  color: #fff;
  line-height: 50px;
}
.form .form-item > .header > h5 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.form .form-item > .header > label {
  float: right;
  position: relative;
  padding-left: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.form .form-item > .header > label:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.form .form-item > .header > label:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.form .form-item > .header > label:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.form .form-item > .header > label:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.form .form-item > .header > label:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background-color: #dcdfe4;
}
.form .form-item > .header > label > input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.form .form-item > .header > label.selected {
  opacity: 1;
  filter: alpha(opacity=100);
}
.form .form-item > .body > label,
.form .form-item > .body > input[type=text],
.form .form-item > .body input[type=password] {
  display: block;
  width: 100%;
}
.form .form-item > .body > label {
  margin-top: 30px;
  margin-bottom: 10px;
}
.form .form-item > .body input[type=text],
.form .form-item > .body input[type=password],
.form .form-item > .body select {
  height: 50px;
}
.form .form-item > .body input[type=text]:focus,
.form .form-item > .body input[type=password]:focus,
.form .form-item > .body select:focus {
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.form .form-item > .body .i-group {
  min-height: 50px;
  background-color: #fff;
  color: #192028;
}
.form .form-item > .body .i-group input[type=text],
.form .form-item > .body .i-group input[type=password],
.form .form-item > .body .i-group input[type=file],
.form .form-item > .body .i-group select,
.form .form-item > .body .i-group label,
.form .form-item > .body .i-group input[type=checkbox],
.form .form-item > .body .i-group input[type=radio] {
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 50px;
}
.form .form-item > .body .i-group label {
  position: relative;
  margin-right: 5%;
}
.form .form-item > .body .i-group input[type=file] {
  width: auto !important;
}
.form .form-item > .body .form-search input[type=search],
.form .form-item > .body .form-search input[type=text],
.form .form-item > .body .form-search button {
  height: 50px;
  line-height: 50px;
}
.form .form-item > .body .form-search input[type=search],
.form .form-item > .body .form-search input[type=text] {
  float: left;
  width: 80%;
}
.form .form-item > .body .form-search button {
  float: right;
  width: 18%;
}
.form .form-item > .body .form-search button.basic {
  border: 1px solid #dcdfe4;
  background-color: #fff;
  color: #192028;
}
.form .form-item > .body .form-search button.basic,
.form .form-item > .body .form-search button.basic:hover {
  color: #868c98;
}
.form .form-item > .body .form-search button.red {
  border: 1px solid #fb435f;
  background-color: #fff;
  color: #192028;
}
.form .form-item > .body .form-search button.red:hover {
  color: #fb435f;
}
.form-search > div {
  overflow: hidden;
}
.form-search button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  margin-left: 5px;
  background-color: #868c98;
  color: #fff;
}
.form-search.icon {
  overflow: hidden;
  position: relative;
}
.form-search.icon input[type=text],
.form-search.icon input[type=search] {
  width: 100%;
  height: 40px;
  padding-right: 50px;
  line-height: 40px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.form-search.icon button {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  color: transparent;
}
.form-search.icon button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.form-search.icon button:before {
  width: 16px;
  height: 16px;
  background-position: 0 -80px;
}
.form-search.icon button:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.form-coupon {
  overflow: hidden;
}
.form-coupon > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
  border: 1px solid #dcdfe4;
  background: none;
}
.form-coupon > button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
@media (min-width:992px) {
  .form-coupon > button {
    min-width: 200px;
  }
}
.form-coupon > button,
.form-coupon .form-search {
  display: none;
  margin-top: 10px;
}
.img-sprite {
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.ico-appstore:before,
.ico-arr-right-point:before,
.ico-arr-right-white:before,
.ico-arrow-date-blue:before,
.ico-arrow-date:before,
.ico-arrow-line-bottom:before,
.ico-arrow-line-bottom2:before,
.ico-arrow-line-up:before,
.ico-arrow-line-up2:before,
.ico-arrow-line-left:before,
.ico-arrow-line-right:before,
.ico-arrow-line-right2:before,
.ico-arrow-right:before,
.ico-arrow-right2:before,
.ico-award:before,
.ico-back:before,
.ico-calendar:before,
.ico-clock:before,
.ico-close-blue:before,
.ico-close-dark:before,
.ico-close-white:before,
.ico-close-white-s:before,
.ico-car:before,
.ico-carousel-left:before,
.ico-carousel-left2:before,
.ico-carousel-right:before,
.ico-carousel-right2:before,
.ico-clean:before,
.ico-convenience:before,
.ico-fuel:before,
.ico-check-blue:before,
.ico-check-blue-large:before,
.ico-check-white:before,
.ico-comment:before,
.ico-corn:before,
.ico-data1:before,
.ico-data2:before,
.ico-data3:before,
.ico-data4:before,
.ico-data5:before,
.ico-enlarge:before,
.ico-gotop:before,
.ico-googleplay:before,
.ico-headset:before,
.ico-headset-white:before,
.ico-home:before,
.ico-filter-gray:before,
.ico-filter-white:before,
.ico-loading1:before,
.ico-loading2:before,
.ico-loading3:before,
.ico-logo:before,
.ico-paging-first:before,
.ico-paging-last:before,
.ico-paging-prev:before,
.ico-paging-next:before,
.ico-personnel:before,
.ico-personnel-white:before,
.ico-personnel-circle-white:before,
.ico-reply:before,
.ico-refresh-gray:before,
.ico-refresh-white:before,
.ico-service1:before,
.ico-service2:before,
.ico-service3:before,
.ico-service4:before,
.ico-smile:before,
.ico-x-point1:before,
.ico-won:before,
.ico-kakao:before,
.ico-naver:before,
.ico-google:before,
.ico-facebook2:before,
.ico-phone-w:before,
.ico-clock-w:before,
.ico-email:before,
.ico-plus:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.ico-back,
.ico-gotop {
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
}
.ico-appstore:before {
  width: 21px;
  height: 25px;
  margin-right: 10px;
  background-position: -270px 0;
}
.ico-arr-right-point:before {
  width: 5px;
  height: 8px;
  background-position: -50px -50px;
}
.ico-arr-right-white:before {
  width: 5px;
  height: 8px;
  background-position: -60px -50px;
}
.ico-arrow-date-blue:before,
.ico-arrow-date:before {
  width: 19px;
  height: 9px;
}
.ico-arrow-date-blue:before {
  background-position: -70px -30px;
}
.ico-arrow-date:before {
  background-position: -310px -30px;
}
.ico-arrow-line-bottom:before,
.ico-arrow-line-up:before {
  width: 9px;
  height: 5px;
}
.ico-arrow-line-bottom:before {
  background-position: -120px -30px;
}
.ico-arrow-line-up:before {
  background-position: -120px -40px;
}
.ico-arrow-line-bottom2:before,
.ico-arrow-line-up2:before {
  width: 10px;
  height: 6px;
}
.ico-arrow-line-bottom2:before {
  background-position: -130px -30px;
}
.ico-arrow-line-up2:before {
  background-position: -130px -40px;
}
.ico-arrow-line-left:before {
  width: 6px;
  height: 9px;
  background-position: -100px -30px;
}
.ico-arrow-line-right2:before {
  width: 6px;
  height: 9px;
  background-position: -100px -40px;
}
.ico-arrow-line-right2.dark:before {
  background-position: -100px -50px;
}
.ico-arrow-line-right2.white:before {
  background-position: -110px -50px;
}
.ico-arrow-line-right:before {
  width: 5px;
  height: 8px;
  background-position: -110px -30px;
}
.ico-arrow-right:before {
  width: 9px;
  height: 9px;
  background-position: 0 -40px;
}
.ico-arrow-right2:before {
  width: 14px;
  height: 10px;
  background-position: 0 -270px;
}
.ico-award:before {
  width: 45px;
  height: 60px;
  background-position: 0 -190px;
}
.ico-back:before {
  width: 6px;
  height: 9px;
  background-position: -100px -30px;
}
.ico-car:before {
  width: 18px;
  height: 16px;
  background-position: -140px -60px;
}
.ico-calendar:before {
  width: 22px;
  height: 22px;
  background-position: -330px -30px;
}
.ico-carousel-left:before {
  width: 10px;
  height: 18px;
  background-position: -220px -110px;
}
.ico-carousel-right:before {
  width: 10px;
  height: 18px;
  background-position: -230px -110px;
}
.ico-carousel-left2:before {
  width: 7px;
  height: 11px;
  background-position: -220px -130px;
}
.ico-carousel-right2:before {
  width: 7px;
  height: 11px;
  background-position: -230px -130px;
}
.ico-check-blue:before {
  width: 12px;
  height: 9px;
  background-position: -10px -30px;
}
.ico-check-blue-large:before {
  width: 40px;
  height: 28px;
  background-position: -200px -30px;
}
.ico-check-white:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.ico-clean:before {
  width: 37px;
  height: 26px;
  background-position: -210px -60px;
}
.ico-clock:before {
  width: 16px;
  height: 16px;
  background-position: -320px -60px;
}
.ico-close-blue:before {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 8px;
  height: 8px;
  background-position: -140px -30px;
}
.ico-close-dark:before {
  width: 30px;
  height: 30px;
  background-position: -150px -30px;
}
.ico-close-white:before {
  width: 30px;
  height: 30px;
  background-position: -240px -30px;
}
.ico-close-white-s:before {
  width: 8px;
  height: 8px;
  background-position: -140px -40px;
}
.ico-comment:before {
  width: 12px;
  height: 12px;
  background-position: -290px -60px;
}
.ico-convenience:before {
  width: 40px;
  height: 13px;
  background-position: -250px -60px;
}
.ico-corn:before {
  width: 150px;
  height: 160px;
  background-position: -60px -190px;
}
.ico-data1:before {
  width: 43px;
  height: 37px;
  background-position: -250px -110px;
  background-image: url("/static/images/ico01.png") !important;
  width: 66px;
  height: 39px;
  background-position: 0 0;
}
.ico-data2:before {
  width: 37px;
  height: 37px;
  background-position: -300px -110px;
  background-image: url("/static/images/ico02.png") !important;
  width: 45px;
  height: 45px;
  background-position: 0 0;
}
.ico-data3:before {
  width: 57px;
  height: 47px;
  background-position: 0 0;
  background-image: url("/static/images/ico03.png") !important;
}
.ico-data4:before {
  width: 41px;
  height: 37px;
  background-position: -250px -150px;
  background-image: url("/static/images/ico04.png") !important;
  width: 43px;
  height: 43px;
  background-position: 0 0;
}
.ico-data5:before {
  width: 51px;
  height: 37px;
  background-position: -300px -150px;
  background-image: url("/static/images/ico05.png") !important;
  width: 54px;
  height: 36px;
  background-position: 0 0;
}
.ico-enlarge:before {
  width: 16px;
  height: 16px;
  background-position: 0 -80px;
}
.ico-filter-gray:before,
.ico-filter-white:before {
  width: 13px;
  height: 14px;
}
.ico-filter-gray:before {
  background-position: 0 -60px;
}
.ico-filter-white:before {
  background-position: -13px -60px;
}
.ico-fuel:before {
  width: 13px;
  height: 15px;
  background-position: -160px -60px;
}
.ico-googleplay:before {
  width: 22px;
  height: 24px;
  margin-right: 10px;
  background-position: -240px 0;
}
.ico-gotop:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8.5px 0 0 -4px;
  width: 8px;
  height: 17px;
  background-position: -190px -30px;
}
.ico-headset:before {
  width: 24px;
  height: 28px;
  background-position: -180px -60px;
}
.ico-headset-white:before {
  width: 29px;
  height: 32px;
  background-position: -210px -60px;
}
.ico-home:before {
  width: 18px;
  height: 20px;
  background-position: -370px -60px;
}
.ico-loading1:before {
  width: 58px;
  height: 50px;
  background-position: -210px -270px;
}
.ico-loading2:before {
  width: 77px;
  height: 56px;
  background-position: -270px -270px;
}
.ico-loading3:before {
  width: 83px;
  height: 42px;
  background-position: -350px -270px;
}
.ico-logo:before {
  width: 206px;
  height: 160px;
  background-position: -60px -190px;
}
.ico-paging-first,
.ico-paging-last,
.ico-paging-prev,
.ico-paging-next {
  position: relative;
}
.ico-paging-first:before,
.ico-paging-last:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -6px;
  width: 12px;
  height: 13px;
}
.ico-paging-first:before {
  background-position: -270px -30px;
}
.ico-paging-last:before {
  background-position: -290px -30px;
}
.ico-paging-prev:before,
.ico-paging-next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -4px;
  width: 8px;
  height: 13px;
}
.ico-paging-prev:before {
  background-position: -50px -30px;
}
.ico-paging-next:before {
  background-position: -60px -30px;
}
.ico-personnel:before {
  width: 14px;
  height: 14px;
  background-position: -120px -60px;
}
.ico-personnel-white:before {
  width: 26px;
  height: 26px;
  background-position: -340px -60px;
}
.ico-personnel-circle-white:before {
  width: 23px;
  height: 23px;
  background-position: -360px -30px;
}
.ico-refresh-gray:before,
.ico-refresh-white:before {
  width: 12px;
  height: 12px;
  background-position: -26px -60px;
}
.ico-refresh-gray:before {
  background-position: -26px -60px;
}
.ico-refresh-white:before {
  background-position: -38px -60px;
}
.ico-reply:before {
  width: 8px;
  height: 8px;
  background-position: -310px -60px;
}
.ico-service1:before {
  width: 75px;
  height: 72px;
  background-position: 0 -110px;
}
.ico-service2:before {
  width: 46px;
  height: 80px;
  background-position: -80px -110px;
}
.ico-service3:before {
  width: 71px;
  height: 80px;
  background-position: -130px -110px;
}
.ico-service4:before {
  width: 74px;
  height: 71px;
  background-position: -270px -190px;
}
.ico-smile:before {
  width: 22px;
  height: 20px;
  background-position: -180px -60px;
}
.ico-x-point1:before {
  width: 36px;
  height: 36px;
  background-position: -210px -190px;
}
.ico-won:before {
  width: 16px;
  height: 16px;
  background-position: -220px -150px;
}
.ico-kakao,
.ico-naver,
.ico-google,
.ico-facebook2,
.ico-email {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}
.ico-kakao {
  background-color: #ffe83d;
}
.ico-kakao:before {
  width: 32px;
  height: 30px;
  background-position: -390px -30px;
}
.ico-naver {
  background-color: #1ec800;
}
.ico-naver:before {
  width: 12px;
  height: 11px;
  background-position: -380px -230px;
}
.ico-google {
  background-color: #fff;
}
.ico-google:before {
  width: 20px;
  height: 21px;
  background-position: -380px -200px;
}
.ico-facebook2 {
  background-color: #3d5a98;
}
.ico-facebook2:before {
  width: 7px;
  height: 13px;
  background-position: -370px -200px;
}
.ico-phone-w:before {
  width: 26px;
  height: 26px;
  background-position: -390px 0;
}
.ico-clock-w:before {
  width: 35px;
  height: 35px;
  background-position: -370px -160px;
}
.ico-email:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -10px;
  width: 20px;
  height: 12px;
  background-position: -350px -200px;
}
.ico-plus:before {
  width: 10px;
  height: 10px;
  background-position: -48px -270px;
}
.ico-star,
.ico-star span {
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 10px;
}
.ico-star.large,
.ico-star.large span {
  height: 14px;
}
.ico-star {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 67px;
  background-position: -50px -60px;
}
.ico-star span {
  position: absolute;
  top: 0;
  left: 0;
  background-position: -50px -70px;
}
.ico-star.one {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 11px;
  margin-right: 5px;
}
.ico-star.large {
  width: 94px;
  background-position: -50px -80px;
}
.ico-star.large span {
  background-position: -50px -95px;
}
.table-price tr.selected .ico-star.one span {
  width: 100%;
}
.ico-facebook,
.ico-instagram,
.ico-naverblog,
.ico-naverpost {
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
}
.ico-facebook {
  width: 10px;
  height: 19px;
  background-position: -170px 0;
}
.ico-instagram {
  width: 18px;
  height: 19px;
  background-position: -180px 0;
}
.ico-naverblog {
  width: 20px;
  height: 17px;
  background-position: -200px 0;
}
.ico-naverpost {
  width: 12px;
  height: 20px;
  background-position: -220px 0;
}
/*@iterations: 4;
	.nav-ico-loop (@i) when (@i > 0){
		&:nth-child(@{i}) .icon{.bgimg('navbar-nav@{i}.png')}
		.navbar-nav-offcanvas-loop(@i - 1);
	}
	.nav-ico-loop(@iterations);
*/
img {
  max-width: 100%;
  height: auto;
}
.bg-center {
  background-size: cover;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
}
.img-wrap-responsive {
  position: relative;
}
.img-wrap-responsive > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.img-wrap-responsive.square {
  padding-top: 50%;
}
.list-horiz .img-wrap-responsive.square {
  padding-top: 100%;
}
/*
// Retina image
//
// Short retina mixin for setting background-image and -size. Note that the
// spelling of `min--moz-device-pixel-ratio` is intentional.
.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
  background-image: url("@{file-1x}");

  @media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
  only screen and (                min-resolution: 2dppx) {
    background-image: url("@{file-2x}");
    background-size: @width-1x @height-1x;
  }
}*/
/*
.page-header{.bg-center;
	@media (max-width:@screen-sm-max){height:200px}
	@media (min-width:@screen-md) and (max-width:@screen-md-max){height:250px}
	@media (min-width:@screen-lg) and (max-width:@screen-lg-max){height:300px}
	@media (min-width:@screen-xlg){height:350px}
}
.program{
	.page-header{.bgimg('photo-program-large.jpg')}
}
.notice{
	.page-header{.bgimg('photo-notice-large.jpg')}
}
.gallery{
	.page-header{.bgimg('photo-gallery-large.jpg')}
}
.about{
	.page-header{.bgimg('photo-about-large.jpg')}
}
.terms{
	.page-header{.bgimg('photo-terms-large.jpg')}
}

.logo{width:150px;height:38px;.mrl(auto);.bgimg('img-logo.png',50%,50%);.bgs;.text-hidden;
	@media (min-width:@screen-md){width:301px;height:76px}
}*/
.list {
  overflow: hidden;
  line-height: 1.8;
}
.list-text {
  border-top: 1px solid #eef2f5;
}
.list-text > li {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 50px;
  border-bottom: 1px solid #eef2f5;
  cursor: pointer;
}
.list-text > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  width: 16px;
  height: 9px;
  background-image: url("/static/images/ico-arrow-updown.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-position: 0 -9px;
}
.list-text > li.selected:after {
  background-position: 0 0;
}
.list-text > li p {
  display: none;
  margin-top: 20px;
}
.list-horiz > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.dl-horiz,
.dl-horiz-pull {
  overflow: hidden;
}
.dl-horiz > dt,
.dl-horiz-pull > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.dl-horiz.dt-10 > dt,
.dl-horiz-pull.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.dl-horiz.dt-20 > dt,
.dl-horiz-pull.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.dl-horiz-pull > dd {
  float: right;
}
.dl-vert > dd {
  margin-top: 10px;
}
.dl-vert-break {
  overflow: hidden;
  word-break: break-all;
}
.dl-vert-break > dt {
  overflow: hidden;
  margin-bottom: 20px;
}
.dl-vert-break > dd {
  line-height: 1.8;
  word-break: break-all;
}
.list-sort .img-wrap-responsive.square {
  padding-top: 100%;
}
.list-sort > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.list-sort > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 15px;
  color: #868c98;
}
.list-sort > li.selected {
  position: relative;
  padding-left: 18px;
  color: #192028;
}
.list-sort > li.selected:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.list-sort > li.selected:before {
  width: 12px;
  height: 9px;
  background-position: -10px -30px;
}
.list-sort > li.selected:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
}
.list-sort > li.selected:before {
  left: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  outline: 0;
}
@media (min-width: 992px) {
  .modal {
    -webkit-overflow-scrolling: touch;
  }
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px;
}
.modal-content {
  position: relative;
  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;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-header {
  position: relative;
  padding: 30px;
}
.modal-header .close {
  position: absolute;
  top: 20px;
  right: 0;
  cursor: pointer;
}
.modal-header .close:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.modal-header .close:before {
  width: 30px;
  height: 30px;
  background-position: -240px -30px;
}
@media (min-width: 992px) {
  .modal-header .close {
    top: 10px;
    right: -50px;
  }
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  color: #fff;
}
.modal-body {
  position: relative;
  padding: 0;
}
.modal-body .img-wrap-responsive {
  padding-top: 100%;
}
@media (min-width: 992px) {
  .modal-body .img-wrap-responsive {
    padding-top: 56.25%;
  }
}
.modal-footer {
  padding: 0 0;
  text-align: center;
  border-top: 1px solid #eef2f5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
}
.nav > li > a {
  display: block;
}
.navbar {
  /* .overh;.bb(@blue-gray2);.bgw */
  background: linear-gradient(to left, #39c9ff, #00aeef);
  border-bottom: 0;
  color: #192028;
}
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  height: 74px;
  background-color: #00adef;
  border-bottom: 0;
  color: #fff;
}
.notice-bar.active ~ .navbar{
  top:48px;
}
.navbar .btn-back:before {
  content: '';
  background-image: url("../images/img-sprite_re.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 400px 250px;
  display: inline-block;
  vertical-align: middle;
}
.navbar .btn-back:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -4px;
  width: 10px;
  height: 16px;
  background-position: -77px -40px;
}
@media (max-width:991px) {
  .navbar > .content-wrap {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width:992px) {
  .navbar > .content-wrap {
    position: relative;
  }
}
.navbar-bg-gradient {
  background: -webkit-linear-gradient(135deg, rgba(4, 46, 111, 0.05) 0%, rgba(4, 46, 111, 0.15) 100%);
  background: -o-linear-gradient(135deg, rgba(4, 46, 111, 0.05) 0%, rgba(4, 46, 111, 0.15) 100%);
  background: linear-gradient(135deg, rgba(4, 46, 111, 0.05) 0%, rgba(4, 46, 111, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff042e6f', endColorstr='#ff042e6f', GradientType=0);
}
.navbar-brand {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-top: -14px;
}
.navbar-brand .brand-image {
  width: 169px;
  height: 20px;
  background-image: url("/static/images/img-sprite.png");
  display: block;
  background-image: url(/static/images/logo_re.png);
  width: 202px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
}
.nav-gnb > li,
.nav-lnb > ul > li {
  position: relative;
}
.nav-gnb > li > a,
.nav-lnb > ul > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.nav-gnb > li.selected a,
.nav-lnb > ul > li.selected a {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  color: #ffdf66;
}
.nav-gnb {
  font-size: 18px;
  height: 74px;
  text-align: center;
  font-weight: normal;
}
.nav-gnb .img-wrap-responsive.square {
  padding-top: 100%;
}
.nav-gnb > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.nav-gnb > li {
  margin-right: 15px;
  margin-left: 15px;
  margin-right: 40px;
  margin-left: 40px;
}
@media (min-width: 1481px) {
  .nav-gnb > li {
    margin-right: 40px;
    margin-left: 40px;
  }
}
.nav-gnb > li.selected:after {
  top: 0;
}
.nav-gnb > li:not(.selected):hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.nav-gnb > li > a {
  line-height: 90px;
  line-height: 74px;
  color: #fff;
}
.nav-right {
  position: absolute;
  right: 55px;
  top: 14px;
  text-align: right;
}
.nav-right > ul,
.nav-right > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  color: #fff;
  font-size: 13px;
}
.nav-right > ul {
  margin-top: 5px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.nav-right > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.nav-right > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.nav-right > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.nav-right > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.nav-right > ul > li {
  position: relative;
  padding-right: 20px;
}
.nav-right > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #dcdfe4;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav-right > ul > li:last-child:after {
  width: 0;
}
.nav-right > ul span {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 70px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  color: #000;
  position: relative;
  top: -1px;
}
.nav-right > a {
  box-sizing: border-box;
  margin-top: 7px;
  margin-right: 30px;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid #00adef;
  font-size: 14px;
  font-family: '나눔스퀘어', 'NanumSquare';
  text-align: center;
  background-color: #fff;
  color: #192028;
  color: #313131;
  font-weight: 600;
  line-height: 30px;
}
.nav-right > a:hover {
  background-color: #192028;
  color: #fff;
}
.nav-right > a span {
  margin-top: 2px;
  font-size: 13px;
  font-weight: bold;
}
@media (min-width: 1720px) {
  .nav-right > a span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: 0;
    font-size: 14px;
    font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  }
}
.nav-lnb > h5 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  float: left;
  min-width: 170px;
  padding-right: 2.083%;
  padding-left: 2.083%;
  border-right: 1px solid #eef2f5;
  border-left: 1px solid #eef2f5;
  line-height: 50px;
  font-weight: bold;
  color: #000;
}
.nav-lnb > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.nav-lnb > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.nav-lnb > ul > li {
  margin-left: 2.6%;
}
.nav-lnb > ul > li.selected a {
  color: #00adef;
}
.nav-lnb > ul > li.selected:after {
  bottom: 0;
}
.nav-lnb > ul > li > a {
  /* .lh(@nav-lnb-height-pc) */
  display: inline-block;
  position: relative;
  line-height: 3.6;
  letter-spacing: -0.1em;
  height: 48px;
}
.nav-lnb.title > h5 {
  padding-right: 0;
  padding-left: 0;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.nav-tab {
  text-align: center;
}
.nav-tab > ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 30px auto;
  border: 1px solid #eef2f5;
  border-radius: 25px;
  background-color: #fff;
  color: #192028;
}
.nav-tab > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.nav-tab > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.nav-tab > ul > li {
  position: relative;
  padding-right: 20px;
}
.nav-tab > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #eef2f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav-tab > ul > li:last-child:after {
  width: 0;
}
.nav-tab > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  vertical-align: middle;
  display: block;
  float: left;
  box-sizing: border-box;
  min-width: 100px;
  padding-left: 20px;
  line-height: 50px;
  cursor: pointer;
}
.nav-tab > ul > li:after {
  right: 0;
}
.nav-tab > ul > li.selected {
  color: #fff;
  border-color: #192028;
  background-color: #192028;
  border: none !important;
  border-radius: 25px;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.nav-tab > ul > li.selected:hover {
  background-color: #000;
}
.nav-tab > ul > li.selected:after {
  width: 0;
}
.nav-tab > ul > li a {
  display: block;
}
.nav-tab.reverse > ul {
  border: none;
  background-color: #192028;
  color: #fff;
}
.nav-tab.reverse > ul > li.selected {
  background-color: #fff;
  font-weight: bold;
  color: #000;
  color: #192028;
}
.nav-gap {
  background-color: #fff;
  color: #192028;
  line-height: 50px;
}
.close_btn {
  position: absolute;
  top: 7px;
  right: 0px;
  z-index: 99999;
}
.close_btn a img {
  height: 60px;
}
.close_btn_show {
  position: absolute;
  top: 7px;
  right: 0px;
  z-index: 99999;
}
.close_btn_show a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 60px;
  height: 60px;
  background-color: #0a0a0a;
  text-align: center;
  padding-top: 13px;
  box-sizing: border-box;
}
.main_menu {
  position: absolute;
  width: 440px;
  height: 475px;
  top: 7px;
  right: 0px;
  background-image: url("/static/images/main_bg.png");
  background-position: 280px 287px;
  background-repeat: no-repeat;
  background-color: #192028;
  z-index: 1001;
}
.main_menu .menu-bg {
  padding: 24px 0;
}
.main_menu .menu-bg .menu_title p span {
  font-size: 12px;
  color: #8b8d90;
  padding: 0px 15px 0 0;
}
.main_menu .menu2 a {
  padding-bottom: 1px;
  border-bottom: 1px solid #00adef;
  color: #00adef;
}
.pagination {
  position: relative;
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.pagination ul li {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;
  line-height: 50px;
  text-align: center;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.pagination ul li.selected,
.pagination ul li:hover {
  border-radius: 50%;
  background-color: #fff;
  color: #192028;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  color: #000;
  opacity: 1;
  filter: alpha(opacity=100);
}
.pagination ul a {
  display: block;
  height: 100%;
}
.pagination ul .first a,
.pagination ul .prev a,
.pagination ul .next a,
.pagination ul .last a {
  position: relative;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
}
.pagination ul .first {
  position: relative;
}
.pagination ul .first:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.pagination ul .first:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -6px;
  width: 12px;
  height: 13px;
}
.pagination ul .first:before {
  background-position: -270px -30px;
}
.pagination ul .prev {
  position: relative;
}
.pagination ul .prev:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.pagination ul .prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -4px;
  width: 8px;
  height: 13px;
}
.pagination ul .prev:before {
  background-position: -50px -30px;
}
.pagination ul .next {
  position: relative;
}
.pagination ul .next:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.pagination ul .next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -4px;
  width: 8px;
  height: 13px;
}
.pagination ul .next:before {
  background-position: -60px -30px;
}
.pagination ul .last {
  position: relative;
}
.pagination ul .last:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.pagination ul .last:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -6px;
  width: 12px;
  height: 13px;
}
.pagination ul .last:before {
  background-position: -290px -30px;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 1030px;
  font-family: '나눔스퀘어', 'NanumSquare', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '돋움', Dotum, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid #dcdfe4;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 9px 9px 0 0;
}
.popover-content {
  padding: 15px;
}
/*
.popover > .arrow {
  &,
  &:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
}
.popover > .arrow {
  border-width: @popover-arrow-outer-width;
}
.popover > .arrow:after {
  border-width: @popover-arrow-width;
  content: "";
}

.popover {
  &.top > .arrow {
    left: 50%;
    margin-left: -@popover-arrow-outer-width;
    border-bottom-width: 0;
    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-top-color: @popover-arrow-outer-color;
    bottom: -@popover-arrow-outer-width;
    &:after {
      content: " ";
      bottom: 1px;
      margin-left: -@popover-arrow-width;
      border-bottom-width: 0;
      border-top-color: @popover-arrow-color;
    }
  }
  &.right > .arrow {
    top: 50%;
    left: -@popover-arrow-outer-width;
    margin-top: -@popover-arrow-outer-width;
    border-left-width: 0;
    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-right-color: @popover-arrow-outer-color;
    &:after {
      content: " ";
      left: 1px;
      bottom: -@popover-arrow-width;
      border-left-width: 0;
      border-right-color: @popover-arrow-color;
    }
  }
  &.bottom > .arrow {
    left: 50%;
    margin-left: -@popover-arrow-outer-width;
    border-top-width: 0;
    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-bottom-color: @popover-arrow-outer-color;
    top: -@popover-arrow-outer-width;
    &:after {
      content: " ";
      top: 1px;
      margin-left: -@popover-arrow-width;
      border-top-width: 0;
      border-bottom-color: @popover-arrow-color;
    }
  }

  &.left > .arrow {
    top: 50%;
    right: -@popover-arrow-outer-width;
    margin-top: -@popover-arrow-outer-width;
    border-right-width: 0;
    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
    border-left-color: @popover-arrow-outer-color;
    &:after {
      content: " ";
      right: 1px;
      border-right-width: 0;
      border-left-color: @popover-arrow-color;
      bottom: -@popover-arrow-width;
    }
  }
}*/
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 14px;
  height: 14px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.4em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border-radius: 3px;
  background-color: #eef2f5;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  background-color: #00adef;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #00adef;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-color: #fff;
  color: #192028;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
.rangeslider .text-value {
  width: 100%;
  height: 30px;
  padding-right: 0;
  padding-left: 0;
  border: none;
  font-size: 12px;
  line-height: 30px;
  font-family: '돋움', dotum;
}
html {
  -webkit-text-size-adjust: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
fieldset,
form,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
a {
  margin: 0;
  padding: 0;
}
dl,
ol,
ul,
li {
  list-style: none;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
address,
em,
i.strong,
th {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0;
}
fieldset {
  border: none;
}
input,
label,
select,
td {
  vertical-align: middle;
}
a:focus,
button:focus,
textarea:focus,
input:focus,
select:focus {
  outline: none;
}
input[type=button],
select {
  cursor: pointer;
}
input[type=button],
input[type=submit] {
  border: none;
  background: none;
}
button {
  border: none;
  background: transparent;
}
textarea {
  line-height: 1.8;
}
table {
  border-spacing: 0;
}
iframe[name='google_conversion_frame'] {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
html,
body {
  min-height: 100%;
}
body {
  background-color: #eef2f5;
  font-size: 14px;
  font-family: '나눔스퀘어', 'NanumSquare', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '돋움', Dotum, sans-serif;
  color: #192028;
}
a,
h1,
h2,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button,
small {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}
.block {
  display: block;
}
.in-block {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.inline {
  display: inline;
}
.hidden {
  display: none;
}
.overh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
.out-screen {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 1px;
  width: 1px;
}
.out-screen:active,
.out-screen:focus,
.out-screen:hover {
  overflow: visible;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
}
/* width, height */
.pull-width {
  width: 100%;
}
.whalf {
  width: 50%;
}
/* margin, padding */
.mauto {
  margin: auto;
}
.mt5p {
  margin-top: 5%;
}
/* border */
.bnone {
  border: none;
}
.btb {
  border-top: 1px solid #eef2f5;
  border-bottom: 1px solid #eef2f5;
}
.bt {
  border-top: 1px solid #eef2f5;
}
@media (min-width: 992px) {
  .bt-mdmore {
    border-top: 1px solid #eef2f5;
  }
}
.bb {
  border-bottom: 1px solid #eef2f5;
}
.blnone {
  border-left: none;
}
.bl {
  border-left: 1px solid #eef2f5;
}
@media (min-width: 992px) {
  .bl-mdmore {
    border-left: 1px solid #eef2f5;
  }
}
@media (min-width: 1200px) and (max-width: 1679px) {
  .bl-lgmore {
    border-left: 1px solid #eef2f5;
  }
}
.radius {
  border-radius: 5px;
}
.circle {
  border-radius: 50%;
}
.border-red {
  border: 1px solid #fb435f;
}
.border-green {
  border: 1px solid #49ca6e;
}
/* background */
.bgnone {
  background: none;
}
.bgcnone {
  background-color: transparent;
}
.bgw {
  background-color: #fff;
}
.bg-black {
  background-color: #000;
}
/* etc */
.valign {
  vertical-align: middle;
}
.l {
  outline: 1px solid #f00;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-initialized .slick-slide,
.slick-initialized .slick-dots,
.slick-initialized .slick-arrow {
  visibility: visible;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Dots */
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:before {
  opacity: 0.75;
  color: black;
  content: '' !important;
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table-wrap {
  overflow-y: auto;
}
.table-wrap.active {
  margin-bottom: 15px;
  border-bottom: 1px solid #eef2f5;
}
.table {
  width: 100%;
  margin-bottom: 10px;
}
.table-price > thead th,
.table-price > tbody td {
  color: #717886;
}
.table-price > thead th:first-child,
.table-price > tbody td:first-child {
  white-space: nowrap;
}
.table-price > thead {
  background-color: #f8fafb;
}
.table-price > thead tr {
  margin-bottom: 5px;
}
.table-price > thead th {
  padding: 5px;
  border-top: 1px solid #eef2f5;
  border-bottom: 1px solid #eef2f5;
}
.table-price > tbody > tr {
  position: relative;
}
.table-price > tbody > tr:hover {
  border: 1px solid #eef2f5;
  cursor: pointer;
}
.table-price > tbody > tr > th,
.table-price > tbody > tr > td {
  padding: 2px 5px;
}
.table-price > tbody > tr > th.bold,
.table-price > tbody > tr > td.bold {
  color: #4c5667;
}
.table-price > tbody > tr > th button,
.table-price > tbody > tr > td button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 30px;
  float: right;
  border: 1px solid #dcdfe4;
  background-color: #f8fafb;
  line-height: 24px;
  white-space: nowrap;
}
.table-price > tbody > tr > th button.selected,
.table-price > tbody > tr > td button.selected {
  border: 1px solid #00adef;
  background-color: #00adef;
  color: #fff;
}
.table-price > tbody > tr > th button.selected:hover,
.table-price > tbody > tr > td button.selected:hover {
  border-color: #00adef;
  background-color: #000;
}
.table-price > tbody > tr.table-gutter {
  height: 10px;
}
.table-stripe th,
.table-stripe td {
  padding: 20px;
}
.table-stripe th {
  border-top: 1px solid #eef2f5;
  border-bottom: 1px solid #eef2f5;
  background-color: #f8fafb;
}
.table-stripe td {
  border-bottom: 1px solid #eef2f5;
}
.table-border {
  border-bottom: 1px solid #eef2f5;
  border-right: 1px solid #eef2f5;
}
.table-border th,
.table-border td {
  padding: 5px;
  border-top: 1px solid #eef2f5;
  border-left: 1px solid #eef2f5;
  text-align: center;
}
.td-num {
  width: 50px;
  text-align: center;
}
.td-prev,
.td-next {
  width: 90px;
}
.td-prev:before,
.td-next:before {
  margin-right: 5px;
  margin-left: 20px;
}
.td-prev:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.td-prev:before {
  width: 10px;
  height: 6px;
}
.td-prev:before {
  background-position: -130px -40px;
}
.td-next:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.td-next:before {
  width: 10px;
  height: 6px;
}
.td-next:before {
  background-position: -130px -30px;
}
.td-date {
  width: 150px;
  color: #868c98;
}
.td-subject {
  line-height: 1.8;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: '나눔스퀘어', 'NanumSquare', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '돋움', Dotum, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 5px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.1;
  color: #192028;
}
.h1 > small,
.h2 > small,
.h3 > small,
.h4 > small,
.h5 > small,
.h6 > small {
  font-size: 0.6em;
}
.h1,
.h2,
.h3,
.h4 {
  margin-bottom: 20px;
}
.h5,
.h6 {
  margin-bottom: 10px;
}
.h1 {
  font-size: 40px;
}
.h2 {
  font-size: 25px;
}
.h3 {
  font-size: 25px;
}
.h4 {
  font-size: 16px;
}
.h5 {
  font-size: 16px;
}
.h6 {
  font-size: 14px;
}
@media (max-width:991px) {
  .h6.response {
    font-size: 12px;
  }
}
.text-border-radius {
  display: inline-block;
  *display: inline;
  zoom: 1;
  min-width: 40px;
  padding: 5px;
  border: 1px solid #eef2f5;
  border-radius: 14px;
  text-align: center;
}
@media (min-width:992px) {
  .text-price small {
    margin-left: 5px;
    font-size: 0.6em;
  }
}
.text-date {
  float: left;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.text-date span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.tu {
  text-decoration: underline;
}
.text-cancel {
  text-decoration: line-through;
}
.lh {
  line-height: 1.8;
}
.text-hidden {
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
}
.nowrap {
  white-space: nowrap;
}
.upper {
  text-transform: uppercase;
}
.normal {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.text-black {
  color: #000;
}
.text-gray {
  color: #717886;
}
.text-white {
  color: #fff;
}
.text-red {
  color: #fb435f;
}
.text-green {
  color: #49ca6e;
}
.text-point1 {
  color: #00adef;
}
.ns {
  font-family: '나눔스퀘어', 'NanumSquare';
}
.ns-exb {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.dotum {
  font-family: '돋움', dotum;
}
.futuraH {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.bgw {
  color: #192028;
}
.text-wrap-scroll {
  max-height: 150px;
  overflow-y: auto;
}
.text-basic {
  font-size: 14px;
  color: #192028;
}
@media (min-width: 992px) {
  .text-basic {
    font-size: 16px;
  }
}
.help {
  margin-top: 10px;
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: '';
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.dp-table {
  display: table;
}
.dp-table > * {
  display: table-cell;
}
.fittobox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.horiz-center {
  position: relative;
  float: right;
  left: -50%;
}
.horiz-center > * {
  position: relative;
  float: left;
  left: 50%;
}
.horiz-center .btn {
  margin-right: auto;
  margin-left: auto;
}
.vert-middle:before,
.vert-middle > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.vert-middle:before {
  content: '';
  height: 100%;
}
.vert-middle-jquery {
  position: absolute;
  top: 50%;
  left: 50%;
}
.vert-middle-table {
  display: table;
}
.vert-middle-table > * {
  display: table-cell;
}
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.pull-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.pull-right {
  position: absolute;
  right: 0;
}
.bu-dot > li {
  position: relative;
  padding-left: 10px;
}
.bu-dot > li:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #868c98;
}
.bu-dot-item {
  position: relative;
  padding-left: 10px;
}
.bu-dot-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #868c98;
}
.bu-check-blue {
  position: relative;
}
.bu-check-blue:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.bu-check-blue:before {
  width: 12px;
  height: 9px;
  background-position: -10px -30px;
}
.bu-check-blue:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
}
.bu-star {
  line-height: 1.8;
}
.bu-star > li {
  position: relative;
  padding-left: 10px;
}
.bu-star > li:before {
  content: '*';
  display: block;
  float: left;
  position: absolute;
  top: 2px;
  left: 0;
  width: 6px;
  height: 6px;
  color: #00adef;
}
.bu-text {
  padding: 5px 5px 3px;
  border-radius: 5px;
  font-size: 12px;
}
.bu-text.yellow {
  background-color: #ffdf66;
}
.bu-minus > li {
  position: relative;
  padding-left: 10px;
}
.bu-minus > li:before {
  content: '-';
  display: block;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
}
.bu-decimal {
  counter-reset: ol-counter;
}
.bu-decimal > li {
  position: relative;
  padding-left: 20px;
  overflow: hidden;
}
.bu-decimal > li:before {
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  position: absolute;
  top: 0;
  left: 0;
}
.bu-decimal-circle {
  counter-reset: ol-counter;
}
.bu-decimal-circle > li {
  position: relative;
  padding-left: 20px;
}
.bu-decimal-circle > li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #dcdfe4;
  border-radius: 50%;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.bt-lower-alpha > li {
  position: relative;
  padding-left: 20px;
}
.bt-lower-alpha > li:before {
  list-style-type: lower-alpha !important;
  position: absolute;
  top: 0;
  left: 0;
}
.bu-check > li {
  position: relative;
  padding-left: 20px;
  line-height: 1.8;
}
.bu-check > li:before {
  content: '';
  display: block;
  float: left;
  position: absolute;
  top: 10px;
  left: 0;
  width: 12px;
  height: 9px;
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-position: -90px -70px;
}
.bl-sky:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background-color: #00adef;
}
.box-shadow5 {
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.box-shadow10 {
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.box-shadow15 {
  -webkit-box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.1);
}
.box-shadow20 {
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
}
.box-shadow5-blue {
  -webkit-box-shadow: 5px 5px 7px rgba(0, 102, 204, 0.15);
  box-shadow: 5px 5px 7px rgba(0, 102, 204, 0.15);
}
.box-shadow10-blue {
  -webkit-box-shadow: 5px 5px 7px rgba(0, 102, 204, 0.15);
  box-shadow: 5px 5px 7px rgba(0, 102, 204, 0.15);
}
.gradient-default {
  background: -webkit-linear-gradient(135deg, rgba(4, 46, 111, 0.05) 0%, rgba(4, 46, 111, 0.15) 100%);
  background: -o-linear-gradient(135deg, rgba(4, 46, 111, 0.05) 0%, rgba(4, 46, 111, 0.15) 100%);
  background: linear-gradient(135deg, rgba(4, 46, 111, 0.05) 0%, rgba(4, 46, 111, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff042e6f', endColorstr='#ff042e6f', GradientType=0);
}
.gradient-green {
  background: -webkit-linear-gradient(135deg, #22b293 0%, #1667b2 100%);
  background: -o-linear-gradient(135deg, #22b293 0%, #1667b2 100%);
  background: linear-gradient(135deg, #22b293 0%, #1667b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22b293', endColorstr='#ff1667b2', GradientType=0);
}
.gradient-green {
  background: -webkit-linear-gradient(135deg, #22b293 0%, #1667b2 100%);
  background: -o-linear-gradient(135deg, #22b293 0%, #1667b2 100%);
  background: linear-gradient(135deg, #22b293 0%, #1667b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22b293', endColorstr='#ff1667b2', GradientType=0);
}
.gradient-red {
  background: -webkit-linear-gradient(135deg, #ff3a2c 0%, #e02779 100%);
  background: -o-linear-gradient(135deg, #ff3a2c 0%, #e02779 100%);
  background: linear-gradient(135deg, #ff3a2c 0%, #e02779 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff3a2c', endColorstr='#ffe02779', GradientType=0);
}
.gradient-3color {
  background: -webkit-linear-gradient(135deg, #00adef, #0066cc 65%, #6615cd);
  background: -o-linear-gradient(135deg, #00adef, #0066cc 65%, #6615cd);
  background: linear-gradient(135deg, #00adef, #0066cc 65%, #6615cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00adef', endColorstr='#ff6615cd', GradientType=1);
}
@media (max-width: 767px) {
  .hidden-xsmax {
    display: none;
  }
}
@media (max-width: 991px) {
  .hidden-smmax {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-mdmin {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-mdmax {
    display: none !important;
  }
}
@media (max-width: 1679px) {
  .hidden-lgmax {
    display: none !important;
  }
}
/* shape */
.triangle-base {
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
}
@font-face {
  font-family: 'NanumSquare';
  src: url('../font/NanumSquare.eot');
  src: local('NanumSquare'), url('../font/NanumSquare.eot?#iefix') format('embedded-opentype'), url('../font/NanumSquare.woff') format('woff'), url('../font/NanumSquare.ttf') format('truetype'), url('../font/NanumSquare.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NanumSquare-ExtraBold';
  src: url('../font/NanumSquare-ExtraBold.eot');
  src: local('NanumSquare-ExtraBold'), url('../font/NanumSquare-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../font/NanumSquare-ExtraBold.woff') format('woff'), url('../font/NanumSquare-ExtraBold.ttf') format('truetype'), url('../font/NanumSquare-ExtraBold.svg#icon') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Futura-Heavy-BT';
  src: url('../font/Futura-Heavy-BT.eot');
  src: local('Futura-Heavy-BT'), url('../font/Futura-Heavy-BT.eot?#iefix') format('embedded-opentype'), url('../font/Futura-Heavy-BT.woff') format('woff'), url('../font/Futura-Heavy-BT.ttf') format('truetype'), url('../font/Futura-Heavy-BT.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
#container {
  position: relative;
  margin-top: 74px;
}
#container > .header {
  height: 50px;
  background-color: #fff;
  color: #192028;
}
#content {
  overflow: hidden;
}
.content-wrap {
  position: relative;
  min-width: 1280px;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:992px) and (max-width: 1679px) {
  .content-wrap {
    width: 83.333%;
  }
}
@media (min-width: 1680px) {
  .content-wrap {
    width: 1440px;
  }
}
/* footer style */
.footer {
  clear: both;
  position: relative;
  width:100%;
  min-width:1280px;
  padding:42px 0;
  background-color: #192028;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #fff;
}
.footer ul {
  overflow: hidden;
}
.footer .footer__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;
  padding-bottom:25px;
  border-bottom:1px solid rgba(126, 126, 126, .5);
}
.footer .footer__container:last-of-type{
  border-bottom:0;
}
.footer .footer__item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  position: relative;
  width:1440px;
  max-width:1440px;
  min-width:1280px;
  margin-right: auto;
  margin-left: auto;
}

.footer .footer__container .footer__container--inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.footer .footer--logo{
  width:142px;
  margin-bottom:25px;
}
.footer .footer-sub{
  margin-right:75px;
}
.footer .footer-sub .footer-sub__inner p{
  margin-bottom:15px;
  color:#7e7e7e;
  font-size:12px;

}
.footer .footer-sub__form {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.footer .footer-sub__form input{
  width:200px;
  height:38px;
  line-height:38px;
  padding:0 10px;
  background-color:#26303b;
  color:#7e7e7e;
  font-size:12px;
  border:0;

}
.footer .footer-sub__form button{
  display:block;
  width:70px;
  height:38px;
  background-color:#26303b;
  line-height:38px;
  color:#ededed;
  text-align:center;

}
.footer .footer-sub__form input + button{
  margin-left:5px;
}
.footer .footer-sub__form input::placeholder{
  font-size:12px;
}
/*@media (min-width:992px) and (max-width: 1679px) {*/
/*  .footer > div {*/
/*    width: 83.333%;*/
/*  }*/
/*}*/
/*@media (min-width: 1680px) {*/
/*  .footer > div {*/
/*    width: 1440px;*/
/*  }*/
/*}*/
.footer .nav{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.footer .nav .nav-list + .nav-list{
  margin-left:100px;
}
.footer .nav .nav-list > li{
  font-size:14px;
  font-weight:500;
  color:#ededed;
}
.footer .nav .nav-list h6{
  font-size:14px;
  font-weight:600;
}
.footer .nav .nav-list--inner > li{
   margin-top:10px;
}
.footer .nav .nav-list--inner > li > a{
  color:#7e7e7e;
  font-size:12px;
}
.footer .nav .nav-list__item--btn > a{
  display:block;
  width:122px;
  line-height:38px;
  height:38px;
  background-color:#26303b;
  border-radius:3px;
  letter-spacing: -.05em;
  color:#ededed !important;
  text-align:center;
}

.footer .nav .nav-list .nav-list--sns {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:5px;
  width:90px;
}
.footer .nav .nav-list .nav-list--sns > li{
  width:50%;
  margin-top:10px;
}
.footer .nav .nav-list .nav-list--sns > li > a{
  display:inline-block;
  width:24px;
  height:24px;
  background-color:transparent;
  background-size:100%;
  background-repeat:no-repeat;
  text-indent:-9999px;
}
.footer .nav .nav-list .nav-list--sns .nav-list__item--sns-insta a{
  background-image:url("../images/ic_insta_footer.png");
}
.footer .nav .nav-list .nav-list--sns .nav-list__item--sns-youtube a{
  background-image:url("../images/ic_youtube_footer.png");
}
.footer .nav .nav-list .nav-list--sns .nav-list__item--sns-blog a{
  background-image:url("../images/ic_blog_footer.png");
}
.footer .nav .nav-list .nav-list--sns .nav-list__item--sns-facebook a{
  background-image:url("../images/ic_facebook_footer.png");
}
.footer-service h6{
  font-size:14px;
  color:#ededed;
}
.footer-service .footer-service--tel{
  margin-top:16px;
  font-size:24px;
  font-weight:bold  ;
  color:#ededed;
}
.footer-service .footer-service--tel::before{
  content:'';
  display:inline-block;
  width:20px;
  height:20px;
  margin-right:3px;
  background:transparent url("../images/ic_call_footer.png") center center / 100% no-repeat;
}

.footer-service p{
  margin-top:10px;
  color:#7e7e7e;
  font-size:12px;
}
.footer-service .footer-service__btn{
  height:38px;
  margin-top:15px;
  line-height:38px;
  padding:0 15px;
  border-radius:3px;
  background-color:#26303b;
  color:#ededed;
  font-weight:600;
}

.footer .info {
  margin-top: 18px;
  margin-bottom: 0;
}
.footer .info > .left {
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.footer .info > .left ul {
  margin-bottom: 15px;
}
.footer .info > .left .footer-menu__list {
  margin-bottom:25px;
}
.footer .info > .left .footer-menu__list > li > a{
  color:#ccc;
}
.footer .info > .left ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.footer .info > .left ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.footer .info > .left li {
  position: relative;
  padding-right: 20px;
  color:#7e7e7e;
}
.footer .info > .left ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #7e7e7e;
  opacity: 1;
  filter: alpha(opacity=100);
}
.footer .info > .left ul > li:last-child:after {
  width: 0;
}
.footer .info > .left ul:first-child {
  margin-top: 0;
}
.footer .footer--copyright{
  color:#7e7e7e;
}
.footer .info > .right {
  float: right;
  overflow: hidden;
}
.footer .info > .right > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 30px;
  vertical-align: middle;
}
/*@media (min-width: 1481px) {
  .footer .info > .right > div {
    margin-left: 50px;
  }
}*/
.footer .info > .right dl {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.footer .info > .right .item span {
  margin-right: 15px;
  vertical-align: top;
}
.footer .info > .right .item dt {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.footer .info > .right .item dd {
  margin-top: 5px;
}
.footer .info > .right .item dd .futuraH {
  font-size: 13px;
}
.footer .info > .right .ico-phone-w,
.footer .info > .right .ico-kakao {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.footer .info > .right .ico-phone-w {
  background-color: #00adef;
}
.footer .info > .right .ico-phone-w:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9.5px;
  width: 19px;
  height: 18px;
  background-position: -370px -130px;
}
.footer .info > .right .ico-kakao:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10.5px 0 0 -11.5px;
  width: 23px;
  height: 21px;
  background-position: -390px -130px;
}
.footer .info > .right .ico-clock-w {
  position: relative;
  padding-left: 50px;
}
.footer .info > .right .ico-clock-w:before {
  position: absolute;
  top: -2px;
  left: 0;
}
.footer .info > .right .ico-clock-w dl {
  display: block;
  line-height: 1.4;
}
.footer .info > .right .ico-clock-w dt {
  width: 70px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.footer .info > .right .ico-clock-w dt,
.footer .info > .right .ico-clock-w dd {
  float: left;
}
.footer .bottom {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.footer .bottom .award {
  margin-left: 20px;
}
.footer .bottom .award:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.footer .bottom .award:before {
  width: 45px;
  height: 60px;
  background-position: 0 -190px;
}
.footer .bottom .award:before {
  vertical-align: top;
}
.footer .bottom .ssl {
  width: 68px;
}
/* // footer style */
.wrap-customer {
  border: 1px solid #e7e9ed;
  box-sizing: border-box;
}
.wrap-customer > div {
  padding: 20px;
  border-top: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
}
.wrap-customer > div > h3,
.wrap-customer > div > p {
  text-align: center;
}
.wrap-customer > div > span {
  display: block;
  width: 50px;
  height: 50px;
  margin: 20px auto;
  border-radius: 50%;
}
.wrap-customer > div > span.ico-phone-w {
  position: relative;
  background-color: #00adef;
}
.wrap-customer > div > span.ico-phone-w:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
}
.wrap-customer > div > span.ico-kakao:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 30px;
  margin: -15px 0 0 -16px;
}
.wrap-customer > div .futuraH {
  font-size: 20px;
}
.wrap-customer > div .ns-exb {
  font-size: 18px;
}
.wrap-customer > div dl {
  overflow: hidden;
  font-size: 12px;
  font-family: '돋움', dotum;
  line-height: 1.8;
}
.wrap-customer > div dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.wrap-customer > div dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.wrap-customer > div dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.wrap-customer > div dt {
  float: left;
}
.wrap-customer > div dd {
  float: right;
  letter-spacing: 1px;
}
.wrap-customer > div:first-child {
  border: none;
}
.wrap-customer > div.time {
  background-color: #f8fafb;
}
.tl-section {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  position: relative;
  margin-top: 60px;
  margin-bottom: 30px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  font-size: 20px;
}
.tl-section > small {
  font-size: 0.6em;
}
.page-top {
  overflow: hidden;
  height: 200px;
  background-image: url("/static/images/bg-review.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-top small {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}
.page-top p {
  overflow: hidden;
  max-width: 1000px;
  height: 60px;
  margin: 70px auto 0;
  font-size: 25px;
  text-align: center;
  color: #fff;
}
.mypage .page-top {
  margin-top: 74px;
  background-image: url("/static/images/bg-mypage.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.customer .page-top {
  background-image: url("/static/images/bg-customer.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.join-wrap .page-top {
  background-image: url("/static/images/bg-join.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.page-header {
  margin-bottom: 40px;
}
.page-header > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.page-header > h3 {
  margin-bottom: 0;
}
.page-header .form-search {
  float: right;
}
.panel {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
}
.panel-header {
  padding: 18px 20px;
}
.panel-top {
  position: relative;
  height: 50px;
}
.panel-top .ico-back {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #192028;
  z-index: 10;
}
.panel-top .ico-back:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 9px;
  margin: -4.5px 0 0 -3px;
}
.panel-top dl {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 15px;
}
.panel-top dl dt,
.panel-top dl dd {
  float: left;
}
.panel-top dl.from,
.panel-top dl.to {
  font-size: 16px;
}
.panel-top dl.from dt,
.panel-top dl.to dt {
  display: none;
}
.panel-top dl.from dd span,
.panel-top dl.to dd span {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.panel-top dl.from {
  position: relative;
  padding-right: 70px;
  padding-left: 70px;
}
.panel-top dl.from:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.panel-top dl.from:before {
  width: 19px;
  height: 9px;
}
.panel-top dl.from:before {
  background-position: -310px -30px;
}
.panel-top dl.from:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: 22px;
}
.panel-top dl.insurance {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #eef2f5;
  font-size: 14px;
}
.panel-top dl.insurance dd {
  margin-left: 5px;
}
.banner-top .line {
  overflow: hidden;
  height: 40px;
  background-color: #192028;
  text-align: center;
  font-family: '돋움', dotum;
  font-size: 12px;
  line-height: 40px;
}
.banner-top .line span,
.banner-top .line button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.banner-top .line span {
  text-transform: uppercase;
  color: #fff;
}
.banner-top .line button {
  height: 100%;
  margin-left: 5px;
  text-decoration: underline;
  color: #00adef;
  cursor: pointer;
}
.banner-top .collapse {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 400px;
  box-sizing: border-box;
  margin-left: -200px;
  padding: 30px;
  background-color: #192028;
  color: #fff;
  z-index: 10;
}
.banner-top .collapse .code {
  margin-top: 20px;
  margin-bottom: 20px;
}
.banner-top .collapse .default {
  text-align: center;
}
.banner-top .collapse .default dt,
.banner-top .collapse .default dd {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.banner-top .collapse .default dd {
  margin-left: 5px;
}
.banner-top .collapse .default > dl {
  /*dd{.family(@futuraH)}
				&:first-child{
					dd{.mt(5px);.c(@point1)}
				}*/
  /* &.code{
					dd{.block;.mt(10px);.ptb(8px);.bg(@point1);.upper;.tc;.text-space(2px);.c(@blue-gray)}
				} */
}
.banner-top .collapse .default .code {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #00adef;
}
.banner-top .collapse .default .code dt {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.banner-top .collapse .default .code dd {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.banner-top .collapse .default p {
  margin-top: 10px;
  letter-spacing: -1px;
}
.banner-top .collapse .default p span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-size: 50px;
}
.banner-top .collapse .default p span:first-child {
  margin-top: 0;
  font-size: 63px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.banner-top .collapse .default > div {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.banner-top .collapse .default > div dl {
  line-height: 1.8;
}
.banner-top .collapse .default > div dt {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.banner-top.yellow .line {
  background-color: #ffdf66;
}
.banner-top.yellow .line span,
.banner-top.yellow .line button {
  color: #192028;
}
.banner-top.yellow .collapse .default .code {
  color: #ffdf66;
}
.banner-top.blue-green .line {
  background-color: #8ad2e4;
}
.banner-top.blue-green .line span,
.banner-top.blue-green .line button {
  position: relative;
  color: #192028;
}
.banner-top.blue-green .line span:before,
.banner-top.blue-green .line button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
}
.banner-top.blue-green .line span:before {
  left: -118px;
  width: 88px;
  height: 40px;
  background-image: url("/static/images/bg-top-170330.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner-top.blue-green .line button:before {
  right: -76px;
  width: 46px;
  height: 40px;
  background-image: url("/static/images/bg-top2-170330.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner-top.blue-green .collapse .rate {
  text-align: center;
  font-family: 'Futura-Heavy-BT', sans-serif;
  color: #fff;
}
.banner-top.blue-green .collapse .rate span {
  line-height: 1;
}
.banner-top.blue-green .collapse .rate > span {
  font-size: 200px;
}
.banner-top.blue-green .collapse .rate > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.banner-top.blue-green .collapse .rate > div span {
  display: block;
  font-size: 53px;
  text-transform: uppercase;
  text-align: left;
}
.banner-top.blue-green .collapse .rate > div span:first-child {
  font-size: 110px;
}
.banner-top.blue-green .collapse .code {
  margin-top: 0;
  text-align: center;
  color: #8ad2e4;
}
.banner-top.blue-green .collapse .code dt,
.banner-top.blue-green .collapse .code dd {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 18px;
}
.banner-top.blue-green .collapse .code dt {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  opacity: 1;
  filter: alpha(opacity=100);
}
.banner-top.blue-green .collapse .code dd {
  margin-left: 5px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  text-transform: uppercase;
}
.banner-top.blue-green .collapse > div {
  text-align: center;
  color: #8ad2e4;
}
.banner-top.blue-green .collapse > div dt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: none;
}
.list-process {
  height: 50px;
  border-bottom: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
}
.list-process > ul {
  position: relative;
  min-width: 1280px;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  counter-reset: ol-counter;
  overflow: hidden;
  border-left: 1px solid #eef2f5;
}
@media (min-width:992px) and (max-width: 1679px) {
  .list-process > ul {
    width: 83.333%;
  }
}
@media (min-width: 1680px) {
  .list-process > ul {
    width: 1440px;
  }
}
.list-process > ul > li {
  position: relative;
  padding-left: 20px;
  overflow: hidden;
}
.list-process > ul > li:before {
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  position: absolute;
  top: 0;
  left: 0;
}
.list-process > ul > li {
  float: left;
  position: relative;
  padding-right: 22px;
  padding-left: 38px;
  border-right: 1px solid #eef2f5;
  font-size: 12px;
  line-height: 50px;
  font-family: '돋움', dotum;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.list-process > ul > li:before {
  left: 20px;
}
.list-process > ul > li.selected {
  font-weight: bold;
  color: #000;
  color: #00adef;
  opacity: 1;
  filter: alpha(opacity=100);
}
.list-process > ul > li.selected:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #00adef;
}
.home .sidebar,
.search-car .sidebar {
  width: 300px;
  float: left;
  margin-right: 50px;
}
.home .search-section,
.search-car .search-section {
  position: relative;
  padding: 16px !important;
  border-top: 1px solid #eef2f5;
}
.home .search-section > dd,
.search-car .search-section > dd {
  margin-top: 10px;
}
.home .search-section > dt,
.search-car .search-section > dt {
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.home .search-section > dd,
.search-car .search-section > dd {
  margin-top: 5px;
}
.home .search-section .tooltip-red,
.search-car .search-section .tooltip-red {
  position: absolute;
  right: 0;
  top: 16px;
  right: 20px;
}
.home .search-section .radio-wrap,
.search-car .search-section .radio-wrap {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.home .search-section .radio-wrap label,
.search-car .search-section .radio-wrap label {
  margin-right: 6px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home .search-section .radio-wrap label input[type=radio],
.search-car .search-section .radio-wrap label input[type=radio] {
  margin-right: 4px;
}
.home .search-section .radio-wrap label.selected,
.search-car .search-section .radio-wrap label.selected {
  opacity: 1;
  filter: alpha(opacity=100);
}
.home .search-section.driver-age,
.search-car .search-section.driver-age {
  padding-bottom: 16px;
}
.home .search-section.driver-age dt,
.search-car .search-section.driver-age dt {
  margin-bottom: 6px;
}
.home .search-section.driver-age .i-check,
.search-car .search-section.driver-age .i-check {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.radio-wrap2 {
  font-size: 12px;
  font-family: '돋움', dotum;
  margin-left: 5px;
}
.search-car #container {
  padding-bottom: 50px;
}
.search-car #content {
  position: relative;
  margin-top: 52px;
}
.search-car-input {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  /* .btn-group-check{.mt(10px);
		label{.radius(0); width:31.5%; border-color:#d0d0d0;.m(0 1.4% 1.6% 0);height:30px;.lh(28px);
			&.selected{.bg(#3c3c3c); border-color:#3c3c3c;}
			&:hover{.bg(#3c3c3c);}
			&:nth-child(3n){.mr(0);}
		}
	}
	.search-section dt{.opacity;}  -- renewal -- */
}
.search-car-input .nav-lnb {
  height: 42px;
  margin-top: -5px;
}
.search-car-input .nav-lnb ul li {
  position: absolute;
  top: 15px;
  margin-left: 0;
  border-radius: 30px;
  background-color: #f4f4f4;
}
.search-car-input .nav-lnb ul li a {
  position: relative;
  left: 0;
  display: block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #192028;
}
.search-car-input .nav-lnb ul li a button,
.search-car-input .nav-lnb ul li a button:hover {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  top: 0;
  right: 0;
  margin-left: 5px;
  border: 1px solid #192028;
  background-color: transparent;
  color: #192028;
  line-height: 0;
}
.search-car-input .nav-lnb ul li a button > span,
.search-car-input .nav-lnb ul li a button:hover > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 8px 6px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -9.52px;
}
.search-car-input .nav-lnb ul li.selected {
  background-color: #00a0e8;
  z-index: 10;
}
.search-car-input .nav-lnb ul li.selected a {
  color: #fff !important;
}
.search-car-input .nav-lnb ul li.selected a button {
  background-color: #fff;
  border: 1px solid #fff;
  color: #00a0e8;
}
.search-car-input .nav-lnb ul li.selected a button > span,
.search-car-input .nav-lnb ul li.selected a button:hover > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 8px 5px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8.34px;
}
.search-car-input .nav-lnb ul li.selected:after {
  content: '';
  position: absolute;
  top: 28px;
  left: 40%;
  border-top: 10px solid #00a0e8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.search-car-input .nav-lnb ul li.nav1 {
  left: 15px;
  width: 55%;
}
.search-car-input .nav-lnb ul li.nav2 {
  right: 15px;
  width: 45%;
  margin-left: -27px;
}
.search-car-input .select-date {
  border: none;
  background-color: #192028;
  color: #fff;
  padding: 16px 20px 24px !important;
}
.search-car-input .select-date button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: left;
  outline-style: none;
}
.search-car-input .select-date button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-input .select-date button:before {
  width: 5px;
  height: 8px;
  background-position: -50px -50px;
}
.search-car-input .select-date button:hover:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-input .select-date button:hover:before {
  width: 5px;
  height: 8px;
  background-position: -60px -50px;
}
.search-car-input .select-date button:hover:after {
  background-color: #00adef;
}
.search-car-input .select-date button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 8px;
  margin: -4px 0 0 -2.5px;
  margin-left: -1px;
  z-index: 10;
}
.search-car-input .select-date button:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #00adef;
  border-radius: 50%;
}
.search-car-input .select-date button > dl {
  float: right;
}
.search-car-input .select-date button > dl:first-child {
  float: left;
}
.search-car-input .select-date button > dl dt {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search-car-input .select-date button > dl dd {
  margin-top: 5px;
}
.search-car-input .select-date button > dl dd h3,
.search-car-input .select-date button > dl dd span {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.search-car-input .select-date button > dl dd h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 30px;
  line-height: 1;
}
.search-car-input .select-date button > dl dd small {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search-car-input .select-date button > dl dd span {
  display: block;
  margin-top: 5px;
  font-size: 16px;
}
.search-car-input .btn-wrap {
  padding: 0 20px 14px;
}
.search-car-input .btn-wrap button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  width: 100%;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
}
.search-car-input .btn-wrap button:hover {
  background-color: #000;
}
.search-car-input .btn-wrap button.active {
  border: 1px solid #00adef;
  background-color: #00adef;
  color: #fff;
}
.search-car-input .btn-wrap button.active:hover {
  border-color: #00adef;
  background-color: #000;
}
.btn-group-check {
  margin: -5px;
}
.search-car-filter {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  margin-top: 30px;
  margin-bottom: 50px;
}
.search-car-filter .panel-header span:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-filter .panel-header span:before {
  width: 13px;
  height: 14px;
}
.search-car-filter .panel-header span:before {
  background-position: 0 -60px;
}
.search-car-filter .panel-header span:before {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 10px;
}
.search-car-filter .panel-header button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-filter .panel-header button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-filter .panel-header button:before {
  width: 12px;
  height: 12px;
  background-position: -26px -60px;
}
.search-car-filter .panel-header button:before {
  background-position: -26px -60px;
}
.search-car-filter .panel-header button:before {
  margin-right: 8px;
}
.search-car-filter .search-section > dt > .search-car-filter-arrow {
  background-image: url("/static/images/down_arrow.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  float: right;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 12px;
  height: 8px;
  position: relative;
  top: -7px;
  right: -15px;
  padding: 10px;
  cursor: pointer;
}
.search-car-filter .search-section > dd {
  display: none;
}
.search-car-filter .search-section.active > dt > .search-car-filter-arrow {
  background-image: url("/static/images/up_arrow.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  float: right;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 12px;
  height: 8px;
  position: relative;
  top: -7px;
  right: -15px;
  padding: 10px;
  cursor: pointer;
}
.search-car-filter .search-section.active > dd {
  display: block;
}
.sec-count {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  position: relative;
  padding: 20px 3%;
}
.sec-count > div:first-child,
.sec-count > dl,
.sec-count > p {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: bottom;
}
.sec-count > div:first-child {
  width: 160px;
  height: 80px;
  background-image: url("/static/images/temp-graph.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
}
.sec-count > div:first-child .futuraH {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 35px;
  font-size: 25px;
  line-height: 1;
}
.sec-count > dl {
  margin-left: 3%;
}
.sec-count > dl dd {
  margin-top: 10px;
  line-height: 1;
  font-size: 30px;
}
.sec-count > dl dd span {
  font-size: 34px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.sec-count > p {
  width: 27.5%;
  margin-left: 3%;
  padding-left: 3%;
  border-left: 1px solid #eef2f5;
  line-height: 1.8;
}
.sec-count > p span {
  display: block;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.sec-count .col-xs-3 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffdf66;
  text-align: center;
}
.sec-count .col-xs-3 p span {
  position: relative;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.sec-count .col-xs-3 p span:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #192028;
}
.sec-count .col-xs-3 div {
  margin-top: 15px;
  font-size: 25px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.search-car-filter-result {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  position: relative;
  padding: 20px 30px 20px 72px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-filter-result:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-filter-result:before {
  width: 13px;
  height: 14px;
}
.search-car-filter-result:before {
  background-position: -13px -60px;
}
.search-car-filter-result:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 20px;
  z-index: 10;
}
.search-car-filter-result:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 100%;
  background-color: #00adef;
}
.search-car-filter-result > p {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.search-car-filter-result > ul > li {
  float: left;
  margin-right: 20px;
  line-height: 1.8;
}
.search-car-filter-result > ul > li > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  padding-right: 15px;
}
.search-car-filter-result > ul > li > button.ico-refresh-gray {
  margin-left: 5px;
  padding-left: 15px;
  border-left: 1px solid #eef2f5;
}
.search-car-filter-result > ul > li > button.ico-refresh-gray:before {
  margin-right: 8px;
}
.ico-filter:before {
  width: 19px;
  height: 21px;
  background-position: -150px -17px;
  background-image: url(../images/img-sprite_re.png);
}
.search-car-result-sort {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #3c4452;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-empty {
  margin-top: 50px;
  text-align: center;
}
.search-car-empty h3 {
  margin-bottom: 10px;
  font-size: 40px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  text-transform: uppercase;
}
.search-car-empty p {
  font-size: 16px;
}
.hashList {
  background-color: #fff;
  color: #192028;
  padding: 15px 2%;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.hashList p {
  font-size: 16px;
  margin-bottom: 15px;
}
.hashList p > b {
  font-size: 16px;
  margin-left: 5px;
}
.hashList div > b {
  display: none;
}
.hashList div ul li {
  float: left;
  border: 1px solid #646464;
  color: #646464;
  padding: 3px 10px;
  margin: 0 8px 8px 0;
  box-sizing: border-box;
  cursor: pointer;
}
.hashList div ul li.selected {
  background-color: #646464;
  color: #fff;
}
.hashList.scroll {
  position: fixed;
  width: 100%;
  top: 74px;
  left: 0;
  z-index: 1000;
}
.hashList.scroll > p {
  display: none;
}
.hashList.scroll div {
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}
.hashList.scroll div b {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  font-size: 18px;
  overflow: hidden;
  padding: 2px 15px 0 0;
}
.hashList.scroll div ul li {
  margin: 0 8px 0 0;
}
.floating-banner {
  position: fixed;
  top: 177px;
  left: 50%;
  width: 1440px;
  margin-left: -720px;
}
.floating-banner-box {
  position: absolute;
  top: 0;
  right: -200px;
}
.search-car-result-list .panel {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #d8d8d8;
  background-color: #f9fafb;
}
.search-car-result-list .panel > .left {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 210px;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 23px 2.5%;
}
.search-car-result-list .panel > .left .title {
  overflow: hidden;
  position: relative;
  float: left;
  width: 45%;
  margin-bottom: 30px;
}
.search-car-result-list .panel > .left .title h3,
.search-car-result-list .panel > .left .title .tag {
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-car-result-list .panel > .left .title h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  max-width: 55%;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: -1px;
}
.search-car-result-list .panel > .left .title h3 > small {
  font-size: 0.6em;
}
.search-car-result-list .panel > .left .title .tag {
  overflow: hidden;
  position: absolute;
  right: 0;
  max-width: 35%;
  padding: 5px;
  border: 1px solid #00adef;
  border-left-width: 3px;
  background-color: #fff;
  color: #192028;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-result-list .panel > .left .title .division ul li {
  float: left;
  font-size: 15px;
  color: #646464;
}
.search-car-result-list .panel > .left .title .division ul li:after {
  content: '|';
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  padding: 0 3px;
}
.search-car-result-list .panel > .left .title .division ul li:first-child:after {
  display: none;
}
.search-car-result-list .panel > .left > .img-wrap-responsive {
  overflow: hidden;
  position: absolute;
  left: 8%;
  top: 25.5%;
  /*width: 210px;
  height: 160px;*/
  width: 210px;
  height: 160px;
  margin: 0;
}
.search-car-result-list .panel > .left > .bottom {
  position: absolute;
  bottom: 30px;
  left: 11.55%;
  width: 76.9%;
  box-sizing: border-box;
}
.search-car-result-list .panel > .left > .bottom > p,
.search-car-result-list .panel > .left > .bottom > ul {
  text-align: center;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-result-list .panel > .left > .bottom > p {
  padding-top: 10px;
  padding-bottom: 20px;
  color: #0090ef;
  display: none;
}
.search-car-result-list .panel > .left > .bottom ul {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  border-top: 1px solid #eef2f5;
  border-left: 1px solid #eef2f5;
  border-color: #dcdfe4;
}
.search-car-result-list .panel > .left > .bottom ul > li {
  float: left;
  box-sizing: border-box;
  width: 33.333%;
  border-right: 1px solid #eef2f5;
  border-bottom: 1px solid #eef2f5;
  border-color: #dcdfe4;
  line-height: 40px;
  text-align: center;
}
.search-car-result-list .panel > .left > .bottom ul > li:before {
  margin-right: 5px;
}
.search-car-result-list .panel > .left > .right {
  float: right;
}
.search-car-result-list .panel > .left > .right button.rsvBtn {
  background-color: #00adef;
  color: #fff;
  width: 180px;
  height: 60px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 600;
}
.search-car-result-list .panel > .left > .right button.rsvBtn:hover {
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.23);
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.23);
}
.search-car-result-list .panel > .left > .right .left {
  margin: 3px 20px 0 0;
}
.search-car-result-list .panel > .left > .right .left span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-result-list .panel > .left > .right .left .text-cancel {
  font-size: 18px;
  font-family: '돋움', dotum;
  color: #ff5353;
}
.search-car-result-list .panel > .left > .right .left .text-price {
  font-size: 25px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  margin-left: 5px;
}
.search-car-result-list .panel > .left > .right p {
  margin-top: 10px;
  font-size: 15px;
  text-align: right;
  color: #909090;
  letter-spacing: -0.085em;
}
.search-car-result-list .panel > .left .list-option {
  position: absolute;
  top: 145px;
  right: 2.5%;
}
.search-car-result-list .panel > .left .list-option li {
  overflow: hidden;
}
.search-car-result-list .panel > .left .list-option li:first-child {
  margin-bottom: 4px;
}
.search-car-result-list .panel > .left .list-option li .list-option-sort {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  font-size: 14px;
  color: #909090;
  font-weight: 600;
  margin: 3px 8px 0 0;
}
.search-car-result-list .panel > .left .list-option li span.on,
.search-car-result-list .panel > .left .list-option li span.off {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  background-color: #fff;
  color: #192028;
  border: 1px solid;
  width: 72px;
  height: 22px;
  margin: 0 4px 0 0;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
.search-car-result-list .panel > .left .list-option li span.on {
  border-color: #004db5;
  color: #004db5;
}
.search-car-result-list .panel > .left .list-option li span.off {
  border-color: #adaeae;
  color: #adaeae;
}
.search-car-result-list .panel > .right {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 287px;
  box-sizing: border-box;
  padding-top: 40px;
  padding-right: 2.752%;
  padding-left: 2.752%;
  padding-top: 5px;
  padding-bottom: 10px;
  border-left: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
}
.search-car-result-list .panel > .right > span {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  padding-right: 6px;
  padding-left: 20px;
  background-color: #fb435f;
  line-height: 25px;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #fff;
}
.search-car-result-list .panel > .right > span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 0 20px;
  border-color: transparent transparent transparent #fff;
}
.search-car-result-list .panel > .right .table-price {
  font-size: 12px;
  font-family: '돋움', dotum;
  border: 1px solid 0;
}
.search-car-result-list .panel > .right .table-price > thead th,
.search-car-result-list .panel > .right .table-price > tbody td {
  white-space: nowrap;
  color: #5d5d5d;
  font-size: 13px;
}
.search-car-result-list .panel > .right .table-price > thead th:first-child,
.search-car-result-list .panel > .right .table-price > tbody td:first-child {
  padding-left: 30px;
}
.search-car-result-list .panel > .right .table-price > thead th {
  color: #192028;
}
.search-car-result-list .panel > .right .table-price > thead th > img {
  margin-left: 6px;
  vertical-align: 2px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr {
  height: 40px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr > td {
  position: relative;
  padding-left: 0;
  color: #5d5d5d;
  font-weight: normal;
}
.search-car-result-list .panel > .right .table-price > tbody > tr > td.last {
  padding-right: 0;
}
.search-car-result-list .panel > .right .table-price > tbody > tr > td > span.chkBox {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  background-color: #fff;
  color: #192028;
  border-radius: 1px;
  border: 1px solid #ebebeb;
}
.search-car-result-list .panel > .right .table-price > tbody > tr > td > .review-summary .ico-star {
  background-position: -297px -12px;
  height: 12px;
  width: 13px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr > td > span.superior {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: rgba(0, 245, 255, 0.04);
  padding: 1px 3px;
  color: #00adef;
  border: 1px solid #00adef;
  letter-spacing: -0.05em;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected {
  background-color: #00adef;
  height: 40px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td {
  color: #fff;
  font-weight: normal;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child,
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td.price {
  font-weight: normal;
  color: #fff;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child {
  color: #fff;
  font-weight: normal;
  position: relative;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child:before {
  width: 14px;
  height: 10px;
  background-position: 0 -270px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child:before {
  display: none;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child > span.chkBox {
  background-image: url("/static/images/img-sprite.png");
  background-position: -243px -62px;
  background-repeat: no-repeat;
  background-color: #fff;
  color: #192028;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td .review-summary .ico-star {
  background-position: -252px -92px;
  height: 12px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td > span.superior {
  background-color: #00adef;
  color: #fff;
  border: 1px solid #fff;
}
.search-car-result-list .panel > .right .table-price > tbody > tr .btn-review {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-position: -24px -270px;
  vertical-align: text-bottom;
  cursor: pointer;
}
.search-car-result-list .panel > .right > .btn-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eef2f5;
  text-align: center;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-result-list .panel > .right > .btn-wrap a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  width: 80px;
  font-size: 12px;
  text-indent: -10px;
}
.search-car-result-list .panel > .right > .btn-wrap a:before {
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  right: 8px;
}
/* 200220 리뉴얼 */
#sortList th {
  position: relative;
  text-align: left !important;
  text-indent: 30px;
  font-weight: 600;
  width: 100px;
  padding: 0;
  text-align: center;
  color: #646464;
}
#sortList th img {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 13px;
}
#sortList th.on {
  color: #004db5;
  text-decoration: underline;
}
#sortList th.on img {
  opacity: 1;
  filter: alpha(opacity=100);
}
#sortList th span {
  float: right;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 2px;
  height: 10px;
  margin-top: 2px;
  background-color: #646464;
  vertical-align: middle;
}
/* 200220 리뉴얼 END*/
.search-car-result-list > li > a > p {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #ff5353;
  font-family: '나눔바른고딕';
}
/* 20190503 .search-car-result-list > li > a > p 추가 김연지 */
.search-car-result-list > li > a > p span {
  font-weight: bold;
}
/* 20190503 .search-car-result-list > li > a > p span 추가 김연지 */
#sortList th {
  position: relative;
  text-align: left !important;
  text-indent: 30px;
  font-weight: 600;
  width: 100px;
  padding: 0;
}
/*  */
.review-tooltip {
  display: none;
  position: fixed;
  z-index: 1;
  width: 205px;
  height: 55px;
  font-size: 11px;
  box-shadow: 12px 12px 18px rgba(78, 78, 78, 0.2);
}
.review-tooltip:before {
  position: absolute;
  top: 0;
  left: -16px;
  border: transparent solid 16px;
  border-top: #00adef solid 8px;
  border-right: transparent solid 0;
  content: '';
}
.review-tooltip li {
  float: left;
  width: 51px;
  height: 33px;
  padding: 10px 0 12px;
  background-color: #00adef;
  color: #fff;
  text-align: center;
}
.review-tooltip li:after {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 30px;
  margin-top: -15px;
  margin-left: 8px;
  background-color: #33bdf2;
  content: '';
}
.review-tooltip li:last-child:after {
  display: none;
}
.review-tooltip li input {
  display: block;
  width: 51px;
  height: auto;
  margin-bottom: 3px;
  padding: 0;
  border: none;
  background-color: #00adef;
  font-weight: bold;
  color: #000;
  font-size: 16px;
  line-height: initial;
  color: #fff;
  text-align: center;
}
.review-tooltip li input:focus {
  color: #fff;
}
.review-tooltip .more {
  float: left;
  width: 52px;
  height: 55px;
  background-color: #192028;
  color: #fff;
  text-align: center;
}
.review-tooltip .more:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-tooltip .more:before {
  width: 10px;
  height: 10px;
  background-position: -48px -270px;
}
.review-tooltip .more:before {
  display: block;
  margin: 15px auto 5px;
}
.review-summary > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-summary .review-point {
  margin-left: 5px;
  font-size: 19px;
  font-family: NanumBarunGothic;
  color: #192028;
}
.review-summary a,
.review-summary .count {
  font-size: 12px;
  font-family: '돋움', dotum;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.review-summary a {
  display: block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  background-color: #f4f4f4;
  border: 0.5px solid #d9d9d9;
  border-radius: 23px;
  color: #7e7e7e;
  font-size: 12px;
  padding: 6px 15px;
  margin: 13px auto 0px;
}
.review-point-detail {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: 10px;
  margin-right: 23px;
}
.review-large {
  overflow: hidden;
}
.review-large .review-summary {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.review-large .review-point {
  font-size: 19px;
  line-height: 22px;
}
.review-large .review-point-detail li {
  float: left;
  min-width: 34px;
  text-align: center;
}
.review-large .review-point-detail li dt {
  margin-top: 5px;
  font-size: 13px;
  color: #7e7e7e;
  letter-spacing: -0.5px;
}
.review-large .review-point-detail li dd {
  font-size: 15px;
  font-weight: bold;
  color: #192028;
}
.review-small {
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
}
.review-small .review-summary {
  float: left;
}
.review-small .review-point-detail {
  float: right;
  margin-right: -20px;
}
.review-small .review-point-detail .img-wrap-responsive.square {
  padding-top: 100%;
}
.review-small .review-point-detail > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-small .review-point-detail > li {
  position: relative;
  padding-right: 20px;
}
.review-small .review-point-detail > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #eef2f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.review-small .review-point-detail > li:last-child:after {
  width: 0;
}
.review-small .review-point-detail li dl {
  overflow: hidden;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #868c98;
}
.review-small .review-point-detail li dt,
.review-small .review-point-detail li dd {
  float: left;
}
.review-small .review-point-detail li dt {
  margin-right: 5px;
}
.review-wrap > ul > li {
  box-sizing: border-box;
  padding: 30px 2.752%;
}
.review-wrap > ul > li > h6 {
  font-weight: bold;
  color: #000;
}
.review-wrap > ul > li .text-wrap > p,
.review-wrap > ul > li .text-wrap > ul,
.review-wrap > ul > li .text-wrap .reply {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.review-wrap > ul > li .text-wrap > p {
  padding-top: 15px;
  border-top: 1px solid #eef2f5;
  line-height: 1.8;
}
.review-wrap > ul > li .text-wrap > ul {
  margin-top: 15px;
  color: #868c98;
}
.review-wrap > ul > li .text-wrap > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.review-wrap > ul > li .text-wrap > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-wrap > ul > li .text-wrap > ul > li {
  position: relative;
  padding-right: 20px;
}
.review-wrap > ul > li .text-wrap > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #eef2f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.review-wrap > ul > li .text-wrap > ul > li:last-child:after {
  width: 0;
}
.review-wrap > ul > li .text-wrap .ico-comment {
  margin-left: 8px;
}
.review-wrap > ul > li .text-wrap .ico-comment:before {
  margin-right: 3px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.review-wrap > ul > li .text-wrap .reply {
  position: relative;
  margin-top: 15px;
  padding: 15px;
  padding-left: 25px;
  border: 1px solid #eef2f5;
  background-color: #f8fafb;
}
.review-wrap > ul > li .text-wrap .reply .ico-reply:before {
  position: absolute;
  left: 10px;
}
.review-wrap > ul > li .text-wrap .reply > ul {
  margin-top: 10px;
  color: #868c98;
}
.review-wrap > ul > li .text-wrap .reply > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.review-wrap > ul > li .text-wrap .reply > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-wrap > ul > li .text-wrap .reply > ul > li {
  position: relative;
  padding-right: 20px;
}
.review-wrap > ul > li .text-wrap .reply > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #eef2f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.review-wrap > ul > li .text-wrap .reply > ul > li:last-child:after {
  width: 0;
}
.search-car .review-wrap,
.review-view .review-wrap {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
}
.search-car .review-wrap > ul,
.review-view .review-wrap > ul {
  overflow: hidden;
  border-top: 1px solid #eef2f5;
}
.search-car .review-wrap > ul:first-child,
.review-view .review-wrap > ul:first-child {
  border: none;
}
.search-car .review-wrap > ul > li,
.review-view .review-wrap > ul > li {
  float: left;
  position: relative;
  bottom: -1px;
  right: -1px;
  width: 50%;
  border-bottom: 1px solid #eef2f5;
  border-right: 1px solid #eef2f5;
}
.search-car .review-wrap > ul > li.empty,
.review-view .review-wrap > ul > li.empty {
  width: 100% !important;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.review-list #content {
  padding-bottom: 50px;
}
.review-list #content > ul {
  overflow: hidden;
}
.review-list .list-sort {
  text-align: center;
}
.review-list .review-wrap {
  float: left;
  width: 46.5%;
  margin-top: 50px;
  margin-bottom: 50px;
}
.review-list .review-wrap:first-child {
  margin-right: 7%;
}
.review-list .review-wrap > .head {
  overflow: hidden;
  position: relative;
}
.review-list .review-wrap > .head .tl-section {
  margin-top: 0;
}
.review-list .review-wrap > .head a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  right: 0;
  padding-right: 15px;
  font-weight: bold;
  color: #000;
}
.review-list .review-wrap > .head a:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-list .review-wrap > .head a:before {
  width: 6px;
  height: 9px;
  background-position: -100px -40px;
}
.review-list .review-wrap > .head a.dark:before {
  background-position: -100px -50px;
}
.review-list .review-wrap > .head a.white:before {
  background-position: -110px -50px;
}
.review-list .review-wrap > .head a:before {
  background-position: -100px -50px;
}
.review-list .review-wrap > .head a:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: 0;
}
.review-list .review-wrap > ul {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
}
.review-list .review-wrap > ul > li {
  padding-right: 4.477%;
  padding-left: 4.477%;
  border-top: 1px solid #eef2f5;
}
.review-list .review-wrap > ul > li:first-child {
  border: none;
}
.review-list .review-wrap > ul > li.empty {
  text-align: center;
}
.review-list .review-wrap > ul > li .img-wrap-responsive,
.review-view .review-wrap > ul > li .img-wrap-responsive {
  float: left;
  width: 70px;
  height: 70px;
}
.review-list .review-wrap > ul > li .text-wrap,
.review-view .review-wrap > ul > li .text-wrap {
  margin-left: 100px;
}
.review-view #content {
  padding-bottom: 100px;
  text-align: center;
}
.review-view #content > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #192028;
  font-weight: bold;
  color: #000;
}
.review-view #content > h3 > small {
  font-size: 0.6em;
}
.review-view #content > .info {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  margin-bottom: 30px;
  padding: 30px 2.083%;
}
.review-view #content > .info > ul {
  float: left;
  text-align: left;
}
.review-view #content > .info > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.review-view #content > .info > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-view #content > .info > ul > li {
  position: relative;
  padding-right: 60px;
}
.review-view #content > .info > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  right: 28px;
  width: 1px;
  height: 38px;
  background-color: #eef2f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.review-view #content > .info > ul > li:last-child:after {
  width: 0;
}
.review-view #content > .info > ul dl > dd {
  margin-top: 10px;
}
.review-view #content > .info > a {
  float: right;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
  border: 1px solid #868c98;
}
.review-view #content > .info > a:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
@media (min-width:992px) {
  .review-view #content > .info > a {
    min-width: 200px;
  }
}
.review-view .review-large {
  margin-top: 15px;
  margin-bottom: 35px;
}
.review-view .review-wrap {
  text-align: left;
}
#modal-Rule ul {
  padding: 20px 5px;
}
#modal-Rule ul li {
  list-style: disc;
  color: #646464;
  font-size: 14px;
  line-height: 2.2;
}
.search-car.view .search-car-filter .panel-header {
  border-bottom: 1px solid #eef2f5;
}
.search-car.view .search-car-filter .table-price {
  padding: 20px 20px 10px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view .search-car-filter .table-price > tbody > tr.selected {
  position: relative;
}
.search-car.view .search-car-filter .table-price > tbody > tr.selected > td:first-child:after {
  border: none;
  background-color: #00adef;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td {
  line-height: 30px;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  color: #4c5667;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background-color: #dcdfe4;
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child > input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.search-car.view .search-car-filter .table-price > tbody > tr > td:first-child:after {
  background-color: #eef2f5;
}
.search-car.view .search-car-filter .btn-wrap {
  padding: 0 20px 30px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view .search-car-filter .btn-wrap a {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  width: 100%;
  text-indent: -5px;
}
.search-car.view .search-car-filter .btn-wrap a:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.search-car.view .search-car-filter .btn-wrap a:before {
  position: absolute !important;
  top: 50% !important;
  margin-top: -3px !important;
  right: 86px !important;
}
.search-car.view #content > .top {
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  overflow: hidden;
  position: relative;
  font-family: NanumBarunGothic;
}
.search-car.view #content > .top > .left,
.search-car.view #content > .top > .right {
  box-sizing: border-box;
  padding: 25px 2.752% 52px;
}
.search-car.view #content > .top > .left {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  background-color: #fff;
  text-align: center;
}
.search-car.view #content > .top > .left h4 {
  line-height: 1.1;
  color: #192028;
  font-size: 18px;
  *display: inline;
  zoom: 1;
  font-weight: bold;
  padding-bottom: 1px;
}
.search-car.view #content > .top > .left h4 > small {
  font-size: 0.6em;
}
.search-car.view #content > .top > .left .img-wrap-responsive {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -84px 0 0 -35%;
  width: 70%;
  height: 124px;
}
.search-car.view #content > .top > .left ul {
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 116px;
  left: 15%;
  width: 70%;
}
.search-car.view #content > .top > .left ul > li {
  float: left;
  box-sizing: border-box;
  width: 33.333%;
  text-align: center;
  font-weight: bold;
  color: #b2b2b2;
  font-size: 14px;
}
.search-car.view #content > .top > .left ul > li:before {
  margin-right: 5px;
}
.search-car.view #content > .top > .right {
  position: relative;
  float: right;
  width: 65%;
  min-height: 420px;
}
.search-car.view #content > .top > .right h3 {
  line-height: 1.11;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 18px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  vertical-align: middle;
  float: left;
}
.search-car.view #content > .top > .right h3 > small {
  font-size: 0.6em;
}
.search-car.view #content > .top > .right h3:before {
  /*content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background-color: #00adef;*/
}
.search-car.view #content > .top > .right h3:before {
  /*top: 30px;*/
}
.search-car.view #content > .top > .right > .right-top-title > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2px 12px;
  border: 1px solid #56d0ff;
  border-radius: 11px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  color: #00adef;
  float: left;
}
.search-car.view #content > .top > .right .review-large {
  float: right;
  position: absolute;
  right: 0;
}
.search-car.view #content > .top > .right .rule {
  overflow: hidden;
  margin-top: 10px;
}
.search-car.view #content > .top > .right .rule > h5 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}
.search-car.view #content > .top > .right .rule > table {
  margin-bottom: 15px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content > .top > .right .rule > table th,
.search-car.view #content > .top > .right .rule > table td {
  box-sizing: border-box;
  width: 140px;
  text-align: center;
}
.search-car.view #content > .top > .right .rule > table th {
  padding: 5px;
  background-color: #f8fafb;
}
.search-car.view #content > .top > .right .rule > table td {
  padding: 10px;
}
.search-car.view #content > .top > .right .rule .table-border {
  width: 100%;
}
.search-car.view #content > .top > .right .rule .table-border.bl-0.br-0 {
  border-collapse: collapse;
  border-left: none;
  border-right: none;
}
.search-car.view #content > .top > .right .rule .table-border.bl-0.br-0 th:first-child,
.search-car.view #content > .top > .right .rule .table-border.bl-0.br-0 td:first-child {
  border-left: none;
}
.search-car.view #content > .top > .right .rule .table-border.bl-0.br-0 th:last-child,
.search-car.view #content > .top > .right .rule .table-border.bl-0.br-0 td:last-child {
  border-right: none;
}
.search-car.view #content > .top > .right .rule .table-border tr .active,
.modal-table-type1 tr .active {
  border-left: 2px solid #00adef !important;
  border-right: 2px solid #00adef !important;
  font-weight: bold;
  color: #000;
  color: #00adef;
}
.search-car.view #content > .top > .right .rule .table-border tr:last-child .active,
.modal-table-type1 tr:last-child .active {
  border-bottom: 2px solid #00adef;
}
.search-car.view #content > .top > .right .rule .table-border thead tr .active,
.modal-table-type1 thead tr .active {
  border: 2px solid #00adef;
  color: #fff;
  background-color: #00adef !important;
}
.search-car.view #content > .top > .right .rule .table-border td.selected,
.modal-table-type1 td.selected {
  background-color: #192028;
  color: #fff;
}
.search-car.view #content > .top > .right .rule .box {
  padding: 5px;
  border: 1px solid #868c98;
  background-color: #868c98;
  color: #fff;
}
.search-car.view #content .price-plan table.selectFee {
  width: 100%;
  background-color: #fff;
  border: 1px solid #eef2f5;
  text-align: center;
  color: #192028;
  font-family: 'NanumBarunGothic';
  margin-bottom: 10px;
}
.search-car.view #content .price-plan table.selectFee th,
.search-car.view #content .price-plan table.selectFee td {
  text-align: center;
  border-collapse: collapse;
  font-size: 14px;
  letter-spacing: -0.5px;
}
.search-car.view #content .price-plan table.selectFee th span {
  display: block;
  height: auto;
}
.search-car.view #content .price-plan table.selectFee th h4 {
  font-size: 12px;
  color: #03adef;
  margin: 14px 0px 6px;
  font-weight: 600;
}
.search-car.view #content .price-plan table.selectFee button {
  width: 160px;
  color: #7e7e7e;
  background-color: #ededed;
  border-radius: 3px;
  margin-bottom: 22px;
  padding: 14px 0;
  font-size: 12px;
  font-weight: 600;
  box-sizing: border-box;
  cursor: pointer;
}
.search-car.view #content .price-plan table.selectFee th .subtit {
  font-size: 12px;
  color: #03adef;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #03adef;
  border-radius: 43px;
  margin: 0px auto;
  padding: 6px 14px;
  width: 130px;
}
.search-car.view #content .price-plan table.selectFee th .price {
  line-height: 0.75;
  font-size: 24px;
  font-weight: bold;
  color: #080808;
}
.search-car.view #content .price-plan table.selectFee th .priceInfo {
  font-size: 12px;
  color: #6e6666;
  margin-bottom: 24px;
}
.search-car.view #content .price-plan table.selectFee th.selected {
  background-color: #edf7fc;
}
.search-car.view #content .price-plan table.selectFee th.selected .price {
  color: #080808;
}
.search-car.view #content .price-plan table.selectFee button.selected,
.search-car.view #content .price-plan table.selectFee .selected .rent-btn:hover {
  color: #fff;
  background-color: #03adef;
}
.search-car.view #content .price-plan table.selectFee td span {
  color: #080808;
  font-size: 14px;
}
.search-car.view #content .price-plan table.selectFee td span.infoCircle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  /*border: 1px solid #5d5d5d;*/
  color: #5d5d5d;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
  font-weight: 900;
}
.search-car.view #content .price-plan table.selectFee td span.rd {
  color: #ff5353;
  font-size: 14px;
}
.search-car.view #content .price-plan table.selectFee td.cancel dl:nth-of-type(1):after {
  content: '';
  background-image: url("/static/images/img-down.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 14px;
  margin: 7px 0 7px 15px;
  display: block;
  height: 22px;
  width: 100%;
}
.search-car.view #content .price-plan table.selectFee td.cancel h3 {
  color: #192028;
  font-family: 'NanumBarunGothic';
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 43px;
}
.search-car.view #content .price-plan table.selectFee td.cancel span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 1px solid #ff5353;
  color: #ff5353;
  padding: 8px 14px;
  margin-top: 15px;
}
.search-car.view #content .price-plan table.selectFee td.cancel dl dt {
  float: left;
  font-size: 16px;
  color: #5d5d5d;
  text-decoration: underline;
  font-weight: 600;
  margin-right: 5%;
}
.search-car.view #content .price-plan table.selectFee td.cancel dl dd {
  font-size: 16px;
  color: #8e8e8e;
}
.search-car.view #content .price-plan table.selectFee tr {
  height: 45px;
}
.search-car.view #content .price-plan table.selectFee tr.cancelRow td.selected,
.search-car.view #content .price-plan table.selectFee tr.benefit td.selected {
  background-color: #edf7fc;
}
.search-car.view #content .price-plan table.selectFee tr .bg {
  position:relative;
  background-color: #fff;
  text-align: left;
  padding: 0 0 0 2.5%;
}
.search-car.view #content .price-plan table.selectFee tr.benefit td.benefitIn > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.search-car.view #content .price-plan table.selectFee tr.benefit td.benefitIn > div {
  background-image: url("/static/images/cafepassTxt.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 90px;
  margin: 0 auto;
  width: 90px;
}
.search-car.view #content .price-plan table.selectFee tr.benefit td.benefitIn.selected > div {
  background-image: url("/static/images/cafepassTxt-on.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .price-plan table.selectFee tr.benefit td.selected span.infoCircle {
  border: 1px solid #fff;
}
.search-car.view #content .price-plan .agree {
  text-align: right;
  padding: 25px 0 10px;
  color: #8e8e8e;
  font-size: 15px;
}
.search-car.view #content .price-plan .agree span {
  color: #464646;
  cursor: pointer;
  text-decoration: underline;
}
.search-car.view #rsvPriceArea div {
  font-family: '나눔스퀘어', 'NanumSquare', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', 'NanumGothic', '돋움', Dotum, sans-serif;
}
.search-car.view .rsvPriceArea {
  background-color: #fff;
  color: #192028;
  padding: 14px 0 14px 350px;

}
.search-car.view .rsvPriceArea .left {
  float: left;
  cursor: pointer;
}
.search-car.view .rsvPriceArea .left span {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 1.13;
  background-color: #fff;
  border: 1px solid #7e7e7e;
  border-radius: 3px;
  box-sizing: border-box;
  color: #5d5d5d !important;
  padding: 14px 0%;
  vertical-align: middle;
}
.search-car.view .rsvPriceArea .right {
  float: right;
}
.search-car.view .rsvPriceArea .right > div {
  float: left;
  line-height: 2.5;
}
.search-car.view .rsvPriceArea .right > div span {
  font-size: 22px;
  color: #00adef !important;
}
.search-car.view .rsvPriceArea .right > div span:first-child:after {
  content: '|';
  padding: 0 3px 0 5px;
}
.search-car.view .rsvPriceArea .right > span {
  font-size: 34px;
  color: #000;
  vertical-align: middle;
  margin-left: 20px;
}
.search-car.view .rsvPriceArea .right > button {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #03adef;
  border-radius: 3px;
  padding: 15px 60px;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
}
.search-car.view .rsvPriceArea span {
  font-weight: bold;
  color: #000;
}
.search-car.view .rsvPriceArea .right span{
  color: #fff;
}
.search-car.view #content .price-plan-alliance {
  margin-bottom: 20px;
}
.search-car.view #content .price-plan-alliance .rule {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  position: relative;
  box-sizing: border-box;
  padding: 30px 2.752%;
}
.search-car.view #content .price-plan-alliance .rule > dl {
  float: left;
  width: 19.417%;
  margin-right: 4.854%;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content .price-plan-alliance .rule > dl dt {
  position: relative;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #000;
}
.search-car.view #content .price-plan-alliance .rule > dl dt .btn {
  line-height: 1;
}
.search-car.view #content .price-plan-alliance .rule > dl dd {
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
  line-height: 1.8;
}
.search-car.view #content .price-plan-alliance .rule > dl dd span {
  color: #fb435f;
}
.search-car.view #content .price-plan-alliance .rule > div {
  overflow: hidden;
  margin-left: 1.359%;
}
.search-car.view #content .price-plan-alliance .rule > div > .text-price {
  display: block;
  height: 50px;
  font-size: 40px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.search-car.view #content .price-plan-alliance .rule > div > .text-price small {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.search-car.view #content .price-plan-alliance .rule > div .text-gray {
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #192028;
}
.search-car.view #content .price-plan-alliance .rule > div .text-gray dl {
  overflow: hidden;
  line-height: 1.8;
}
.search-car.view #content .price-plan-alliance .rule > div .text-gray dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search-car.view #content .price-plan-alliance .rule > div .text-gray dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.search-car.view #content .price-plan-alliance .rule > div .text-gray dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.search-car.view #content .price-plan-alliance .rule > div .text-gray dl > dd {
  float: right;
}
.search-car.view #content .price-plan-alliance .rule > div > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #00adef;
  background-color: #00adef;
  color: #fff;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  width: 100%;
  margin-top: 20px;
}
.search-car.view #content .price-plan-alliance .rule > div > button:hover {
  border-color: #00adef;
  background-color: #000;
}
.search-car.view #content .price-plan-alliance > .bu-star {
  margin-top: 20px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content .price-plan-alliance > .bu-star span {
  font-weight: bold;
  color: #000;
}
.search-car.view #content .realprice {
  padding: 30px;
  text-align: center;
}
.search-car.view #content .realprice h6 {
  font-size: 20px;
}
.search-car.view #content .realprice h6 span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  margin-left: 8px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  color: #fb435f;
}
.search-car.view #content .realprice h6 span:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fb435f;
}
.search-car.view #content .realprice ul {
  display: table;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}
.search-car.view #content .realprice ul > * {
  display: table-cell;
}
.search-car.view #content .realprice ul li {
  position: relative;
  vertical-align: top;
}
.search-car.view #content .realprice ul li:before {
  content: '+';
  position: absolute;
  top: 7px;
  left: -6px;
  font-size: 18px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.search-car.view #content .realprice ul li:first-child:before {
  content: '';
}
.search-car.view #content .realprice ul li dl {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.search-car.view #content .realprice ul li dl dt {
  color: #00adef;
}
.search-car.view #content .realprice ul li dl dd {
  margin-top: 5px;
}
.search-car.view #content .realprice ul li dl dd span {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.search-car.view #content .realprice ul li > div {
  width: 90px;
  height: 90px;
  margin: 10px auto;
  line-height: 90px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  color: #00adef;
}
.search-car.view #content .realprice ul li:nth-child(1) > div {
  background-image: url("/static/images/temp-graph1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .realprice ul li:nth-child(2) > div {
  background-image: url("/static/images/temp-graph2.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .realprice ul li:nth-child(3) > div {
  background-image: url("/static/images/temp-graph3.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .realprice ul li:nth-child(4) > div {
  background-image: url("/static/images/temp-graph4.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .realprice ul li:nth-child(5) > div {
  background-image: url("/static/images/temp-graph5.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .realprice ul li:nth-child(6) > div {
  background-image: url("/static/images/temp-graph6.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.search-car.view #content .realprice ul li.last:before {
  content: '=';
  left: 8px;
}
.search-car.view #content .realprice ul li.last > div {
  color: #fff;
}
.search-car.view #content .realprice ul li.last > span {
  font-size: 12px;
  font-family: '돋움', dotum;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search-car.view #content .option {
  margin-bottom: 20px;
}
.search-car.view #content .option > ul,
.option.modal-option > ul {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  padding: 3.6%;
}
.search-car.view #content .option > ul > li,
.option.modal-option > ul > li {
  float: left;
  width: 14.3%;
  margin-left: 7.125%;
}
.search-car.view #content .option > ul > li:first-child,
.option.modal-option > ul > li:first-child {
  margin-left: 0;
}
.search-car.view #content .option > ul > li dl,
.option.modal-option > ul > li dl{
  color: #868c98;
}
.search-car.view #content .option > ul > li dl > dt,
.option.modal-option > ul > li dl > dt {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eef2f5;
}
.search-car.view #content .option > ul > li dl > dd > ul > li,
.option.modal-option > ul > li dl > dd > ul > li {
  line-height: 2;
}
.search-car.view #content .option > ul > li dl > dd > ul > li > img,
.option.modal-option > ul > li dl > dd > ul > li > img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 10px;
  vertical-align: middle;
}
.search-car.view #content .option > ul > li dl > dd > ul > li.selected,
.option.modal-option > ul > li dl > dd > ul > li.selected {
  position: relative;
  font-weight: bold;
  color: #000;
  color: #192028;
}
.search-car.view #content .option > ul > li dl > dd > ul > li.selected:before,
.option.modal-option > ul > li dl > dd > ul > li.selected:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car.view #content .option > ul > li dl > dd > ul > li.selected:before,
.option.modal-option > ul > li dl > dd > ul > li.selected:before {
  width: 12px;
  height: 9px;
  background-position: -10px -30px;
}
.search-car.view #content .option > ul > li dl > dd > ul > li.selected:before,
.option.modal-option > ul > li dl > dd > ul > li.selected:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: 0;
}
.search-car.view #content .option > ul > li:first-child dd,
.option.modal-option > ul > li:first-child dd {
  font-weight: bold;
  color: #000;
}
.search-car.view #content .info-company {
  overflow: hidden;
  background-color: #fff;
  color: #192028;
  position: relative;
  margin-top: 12px;
  margin-bottom: 28px;
}
.search-car.view #content .info-company > .company-info-wrap{
  padding: 24px 24px 46px 24px;
  font-family: 'NanumBarunGothic';
}
.search-car.view #content .info-company > .company-info-wrap > h4 {
  line-height: 1.1;
  color: #192028;
  font-size: 18px;
  font-weight: bold;
}
.search-car.view #content .info-company > .company-info-wrap > h3 > small {
  font-size: 0.6em;
}
.search-car.view #content .info-company > .company-info-wrap dl {
  margin-top: 24px;
}
.search-car.view #content .info-company > .company-info-wrap dl > dd {
  line-height: 1.5;
  margin-top: 18px;
  padding: 17px 20px;
  background-color: #f7f7f7;
  border-radius: 3px;
  font-size: 12px;
  color: #454545;
  word-break: break-all;
}
.search-car.view #content .info-company > .company-info-wrap dl dt {
  display:flex;
  align-items:center;
  font-size: 14px;
  font-weight: bold;
  color: #192028;
}
.reserv .info-reserv,
.mypage .info-reserv {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  position: relative;
  padding: 30px 3.508%;
}
.reserv .info-reserv > div,
.mypage .info-reserv > div {
  float: left;
}
.reserv .info-reserv > div.text > div,
.mypage .info-reserv > div.text > div {
  overflow: hidden;
  width: 100%;
}
.reserv .info-reserv > div.text > div dl,
.mypage .info-reserv > div.text > div dl {
  line-height: 1.8;
}
.reserv .info-reserv > div.text > div .tooltip-red,
.mypage .info-reserv > div.text > div .tooltip-red {
  margin-top: -4px;
}
.reserv .info-reserv > div.text > div > .left,
.mypage .info-reserv > div.text > div > .left {
  float: left;
  width: 54%;
}
.reserv .info-reserv > div.text > div.bottom > .left,
.mypage .info-reserv > div.text > div.bottom > .left,
.reserv .info-reserv > div.text > div > .right,
.mypage .info-reserv > div.text > div > .right {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.reserv .info-reserv > div.text > div.bottom > .left > dl,
.mypage .info-reserv > div.text > div.bottom > .left > dl,
.reserv .info-reserv > div.text > div > .right > dl,
.mypage .info-reserv > div.text > div > .right > dl {
  overflow: hidden;
  margin-top: 10px;
}
.reserv .info-reserv > div.text > div.bottom > .left > dl > dt,
.mypage .info-reserv > div.text > div.bottom > .left > dl > dt,
.reserv .info-reserv > div.text > div > .right > dl > dt,
.mypage .info-reserv > div.text > div > .right > dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.reserv .info-reserv > div.text > div.bottom > .left > dl.dt-10 > dt,
.mypage .info-reserv > div.text > div.bottom > .left > dl.dt-10 > dt,
.reserv .info-reserv > div.text > div > .right > dl.dt-10 > dt,
.mypage .info-reserv > div.text > div > .right > dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.reserv .info-reserv > div.text > div.bottom > .left > dl.dt-20 > dt,
.mypage .info-reserv > div.text > div.bottom > .left > dl.dt-20 > dt,
.reserv .info-reserv > div.text > div > .right > dl.dt-20 > dt,
.mypage .info-reserv > div.text > div > .right > dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.reserv .info-reserv > div.text > div.bottom > .left > dl > dd,
.mypage .info-reserv > div.text > div.bottom > .left > dl > dd,
.reserv .info-reserv > div.text > div > .right > dl > dd,
.mypage .info-reserv > div.text > div > .right > dl > dd {
  float: right;
}
.reserv .info-reserv > div.text > div.bottom > .left > dl:first-child,
.mypage .info-reserv > div.text > div.bottom > .left > dl:first-child,
.reserv .info-reserv > div.text > div > .right > dl:first-child,
.mypage .info-reserv > div.text > div > .right > dl:first-child {
  margin-top: 0;
}
.reserv .info-reserv > div.text > div > .right,
.mypage .info-reserv > div.text > div > .right {
  float: right;
  width: 40%;
}
.reserv .info-reserv > div.text > div.top,
.mypage .info-reserv > div.text > div.top {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eef2f5;
}
.reserv .info-reserv > div.text > div.top > .left > dl,
.mypage .info-reserv > div.text > div.top > .left > dl {
  float: left;
  width: 100%;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dd,
.mypage .info-reserv > div.text > div.top > .left > dl > dd {
  margin-top: 10px;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dt,
.mypage .info-reserv > div.text > div.top > .left > dl > dt {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dd,
.mypage .info-reserv > div.text > div.top > .left > dl > dd {
  overflow: hidden;
  position: relative;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dd:before,
.mypage .info-reserv > div.text > div.top > .left > dl > dd:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dd:before,
.mypage .info-reserv > div.text > div.top > .left > dl > dd:before {
  width: 19px;
  height: 9px;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dd:before,
.mypage .info-reserv > div.text > div.top > .left > dl > dd:before {
  background-position: -310px -30px;
}
.reserv .info-reserv > div.text > div.top > .left > dl > dd:before,
.mypage .info-reserv > div.text > div.top > .left > dl > dd:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 9px;
  margin: -4.5px 0 0 -9.5px;
}
.reserv .info-reserv > div.text > div.top > .left > dl .text-date,
.mypage .info-reserv > div.text > div.top > .left > dl .text-date {
  float: right;
  width: 45%;
  text-align: right;
}
.reserv .info-reserv > div.text > div.top > .left > dl .text-date:first-child,
.mypage .info-reserv > div.text > div.top > .left > dl .text-date:first-child {
  float: left;
  text-align: left;
}
.reserv .info-reserv > div.text > div.top > .left > dl .text-date:before,
.mypage .info-reserv > div.text > div.top > .left > dl .text-date:before {
  right: -15px;
}
.reserv .info-reserv > div.text > div.top > .right dd,
.mypage .info-reserv > div.text > div.top > .right dd {
  max-width: 70%;
  text-align: right;
  word-break: break-all;
}
.reserv .info-reserv > div.text > div.bottom,
.mypage .info-reserv > div.text > div.bottom {
  clear: both;
}
.reserv .info-reserv > div.text > div.bottom > .right > dl:first-child dd,
.mypage .info-reserv > div.text > div.bottom > .right > dl:first-child dd {
  font-weight: bold;
  color: #000;
}
.mypage #content {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}
.mypage #content > .left {
  float: left;
  width: 79.166%;
}
.mypage #content > .left > .info-reserv {
  margin-bottom: 20px;
  padding-left: 7.017%;
}
.mypage #content > .left > .info-reserv:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.508%;
  height: 100%;
  background-color: #dcdfe4;
}
.mypage #content > .left > .info-reserv:first-child:before {
  background-color: #4c5667;
}
.mypage #content > .left > .info-reserv > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15%;
}
.mypage #content > .left > .info-reserv > div:first-child .img-wrap-responsive {
  width: 100%;
  height: 100%;
}
.mypage #content > .left > .info-reserv > div.text {
  width: 60%;
  margin-right: 3%;
  margin-left: 20%;
}
.mypage #content > .left > .info-reserv > div.btn-wrap {
  width: 17%;
}
.mypage #content > .left > .info-reserv > div.btn-wrap > span {
  display: block;
  width: 80px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  border: 6px solid #e7e9ed;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  font-weight: bold;
  color: #000;
}
.mypage #content > .left > .info-reserv > div.btn-wrap > span.green {
  border: 6px solid #49ca6e;
  color: #49ca6e;
}
.mypage #content > .left > .info-reserv > div.btn-wrap > span.red {
  border: 6px solid #fb435f;
  color: #fb435f;
}
.mypage #content > .left > .info-reserv > div.btn-wrap button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 30px;
  border: 1px solid #dcdfe4;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.mypage #content > .left > .info-reserv > div.btn-wrap button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.mypage #content > .left > .info-reserv > div.btn-wrap > button,
.mypage #content > .left > .info-reserv > div.btn-wrap > div {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  text-align: center;
}
@media (min-width: 1641px) {
  .mypage #content > .left > .info-reserv > div:first-child {
    width: 19.6%;
  }
  .mypage #content > .left > .info-reserv > div.text {
    width: 53.7%;
    margin-right: 3%;
    margin-left: 25%;
  }
  .mypage #content > .left > .info-reserv > div.btn-wrap {
    width: 18%;
  }
}
.mypage #content > .sidebar {
  float: right;
  width: 16.666%;
}

/* 210525 추가 START Bob */
.banner--my-page,
.banner--my-page .banner__item{
  width:100%;
  height:180px;
  margin-bottom:14px;
}

.banner--my-page .banner__item a{
  display:block;
  width:100%;
  height:100%;
  text-align:center;
}
.banner--my-page .banner__item a img{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  object-fit:contain;
  transform:translate(-50%, -50%);
}
.banner--my-page .slick-dots{
  bottom:23px;
}
.banner--my-page .slick-dots li{
  width:8px;
  height:8px;
  margin:0 4px;
}
.banner--my-page .slick-dots li button{
  width:8px;
  height:8px;
  padding:0;
  background-color:#e2e2e2;
  border-radius:50%;
}
.banner--my-page .slick-dots li.slick-active{
  width:20px;
}
.banner--my-page .slick-dots li.slick-active button{
  width:20px;
  border-radius:10px;
  background-color:#000;
}
/* 210525 추가 END Bob */

.coupon-guide {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #e7e9ed;
  background: #fff;
  line-height: 1.8;
}
.coupon-guide span {
  display: inline-block;
  margin-right: 5px;
  color: #00adef;
}
/* .myCoupon{.overh;.mrl(-30px);
	> li{.fl;.boxsize;width:50%;.mt(50px);.prl(30px);
		> div{.overh;.rel;.b(@blue-gray2);.bgw;
			> div{.boxsize;.fs(@fs12);.dotum}
			.left{width:62%;.p(30px);.c(#fff);
				h3{.h1;.futuraH;.c(#fff);
					small{.rel;top:-5px;.ns}
				}
				p{.mt(65px);.opacity(0.8)}
				dl{.dl-horiz;.mt(10px);
					dt{.opacity(1)}
					dd{.in-block;.ml(5px)}
				}
			}
			.right{.abs;top:0;right:0;bottom:0;width:38%;
				dl{.dl-vert;.abs;right:30px;bottom:30px;left:30px;
					dt{.opacity}
					dd{.lh(1.6)}
				}
			}
		}
		&.blue{
			.left{.gradient-3color}
		}
		&.red{
			.left{.gradient-red}
		}
	}
	.nocoupon{width:100%;max-width:100% !important;box-sizing:border-box;padding:30px 0;border:1px solid #e7e9ed;background:#fff;text-align:center;
		img{width:auto}
		p{margin-top:30px}
	}
} */
.myCoupon {
  width: 100%;
  margin-top: 30px;
}
.myCoupon li {
  float: left;
  width: 30%;
  min-width: 220px;
  max-width: 337px;
  margin-left: 5%;
  margin-bottom: 45px;
}
.myCoupon li:first-child {
  margin-left: 0;
}
.myCoupon li:nth-child(3n+1) {
  margin-left: 0;
}
.myCoupon li img {
  width: 100%;
  min-height: 142px;
}
.myCoupon .couponImg {
  position: relative;
  top: 0;
  left: 0;
}
.myCoupon .couponTit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.myCoupon .couponTit .cT1 {
  display: block;
  width: 100%;
  color: #ffffff;
  padding: 12% 0 0 10%;
  font-size: 28px;
}
.myCoupon .couponTit .cT1 span {
  font-size: 45px;
}
.myCoupon .couponTit .cT2 {
  display: block;
  width: 100%;
  color: #ffffff;
  padding: 10% 0 0 10%;
  font-size: 20px;
}
.myCoupon .couponTit .cT3 {
  display: block;
  width: 100%;
  color: #ffffff;
  padding: 1.5% 0 0 10%;
  font-size: 14px;
}
.myCoupon .couponText {
  margin-top: 20px;
  height: 120px;
}
.myCoupon .couponText dl {
  float: left;
  color: #40484f;
}
.myCoupon .couponText dt,
.myCoupon .couponText dd {
  line-height: 20px;
}
@media (max-width: 1679px) {
  .myCoupon .couponTit .cT1 {
    font-size: 26px;
  }
  .myCoupon .couponTit .cT1 span {
    font-size: 40px;
  }
  .myCoupon .couponTit .cT2 {
    font-size: 14px;
  }
  .myCoupon .couponTit .cT3 {
    font-size: 12px;
  }
}
.reserv #content {
  padding-top: 50px;
  padding-bottom: 50px;
}
.reserv.write input[class=sqchk],
.reserv.write input[class=fullRadio],
.reserv.write input[class=ccRadio],
.reserv.write input[class=personal],
.reserv.write input[class=corporate] {
  display: none;
}
.reserv.write input[class=ccRadio] + span,
.reserv.write input[class=personal] + span,
.reserv.write input[class=corporate] + span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #fff;
  color: #192028;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: 20px;
  border-radius: 50%;
}
.reserv.write input[class=ccRadio]:checked + span,
.reserv.write input[class=personal]:checked + span,
.reserv.write input[class=corporate]:checked + span {
  border: 6px solid #00adef;
}
.reserv.write #content {
  overflow: hidden;
}
.reserv.write #content > .left {
  float: left;
  width: 68.75%;
}
.reserv.write #content > .left input[type=text]:focus,
.reserv.write #content > .left input[type=password]:focus,
.reserv.write #content > .left select:focus {
  box-shadow: none !important;
  border: solid #00aeef !important;
  border-width: 1px 1px 1px 1px !important;
}
.reserv.write #content > .left input[type=text]:required,
.reserv.write #content > .left input[type=password]:required,
.reserv.write #content > .left select:required {
  box-shadow: none !important;
  border: solid #ff3f3f !important;
  border-width: 1px 1px 1px 1px !important;
}
.reserv.write #content > .left input[class=sqchk] + label {
  color: #505050;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 600;
}
.reserv.write #content > .left input[class=sqchk] + label:before {
  content: '';
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -1px;
  background-color: #fff;
  color: #192028;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
}
.reserv.write #content > .left input[class=sqchk]:checked + label:before {
  border: 7px solid #00adef;
}
.reserv.write #content > .left input[class=fullRadio] + span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #808080;
  background-color: #fff;
  color: #192028;
  border: 1px solid #ebebeb;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  padding: 11px 0;
  text-align: center;
}
.reserv.write #content > .left input[class=fullRadio]:checked + span {
  background-color: #464646;
  color: #fff;
}
.reserv.write #content > .left input[class=personal],
.reserv.write #content > .left input[class=corporate] {
  position: absolute;
  top: 5px;
}
.reserv.write #content > .left span.cctxt {
  padding-left: 23px;
}
.reserv.write #content > .left > div {
  margin-bottom: 20px;
}
.reserv.write #content > .left > div .row {
  background-color: #fff;
  color: #192028;
  padding: 22px 30px;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.reserv.write #content > .left > div .row.noticeSection {
  margin-top: 10px;
  padding: 22px 59px;
}
.reserv.write #content > .left > div .row.noticeSection .noticeTit {
  font-size: 16px;
  font-weight: 900;
  color: #ff3f3f;
}
.reserv.write #content > .left > div .row.noticeSection .noticeTit2 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-left: 12px;
}
.reserv.write #content > .left > div .row.noticeSection ol {
  display: block;
  list-style: decimal !important;
  list-style-type: decimal !important;
  margin: 16px 0 0 15px;
  font-size: 13px;
  line-height: 1.85;
  color: #808080;
}
.reserv.write #content > .left > div .row.noticeSection ol li {
  list-style: decimal !important;
  list-style-type: decimal !important;
}
.reserv.write #content > .left > div .row .rdTxt {
  color: #808080;
  font-size: 13px;
  margin: 8px 0 0 38%;
}
.reserv.write #content > .left > div > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 20px !important;
}
.reserv.write #content > .left > div > h3 > small {
  font-size: 0.6em;
}
.reserv.write #content > .left > div .form-item {
  float: left;
  width: 43.5%;
  margin-left: 0;
}
.reserv.write #content > .left > div .form-item > .header > label:after {
  border: 1px solid #868c98;
  background-color: transparent;
}
.reserv.write #content > .left > div .form-item .rsvInfoHeader {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 40px;
}
.reserv.write #content > .left > div .form-item .rsvInfoHeader > h5 {
  float: left;
  font-size: 18px;
  font-weight: 900;
}
.reserv.write #content > .left > div .form-item .rsvInfoHeader > label {
  float: right;
  font-size: 16px;
  color: #505050;
}
.reserv.write #content > .left > div .form-item .rsvInfoHeader .copyMyInfoChk {
  position: relative;
  float: right;
}
.reserv.write #content > .left > div .form-item .body .infoLine {
  height: 40px;
  margin-bottom: 15px;
  padding-left: 16px;
}
.reserv.write #content > .left > div .form-item .body .infoLine input[type=text] {
  height: 40px;
  width: 67%;
  float: right;
  font-size: 13px;
  color: #333;
}
.reserv.write #content > .left > div .form-item .body .infoLine input[type=text]::placeholder,
.reserv.write #content > .left > div .form-item .body .infoLine input[type=password]::placeholder {
  color: #808080;
  opacity: 1;
  filter: alpha(opacity=100);
}
.reserv.write #content > .left > div .form-item .body .infoLine input[type=text]::-ms-input-placeholder,
.reserv.write #content > .left > div .form-item .body .infoLine input[type=password]::-ms-input-placeholder {
  color: #808080;
}
.reserv.write #content > .left > div .form-item .body .infoLine input[type=text]:-ms-input-placeholder,
.reserv.write #content > .left > div .form-item .body .infoLine input[type=password]:-ms-input-placeholder {
  color: #808080;
}
.reserv.write #content > .left > div .form-item .body .infoLine input[type=text]::-webkit-input-placeholder,
.reserv.write #content > .left > div .form-item .body .infoLine input[type=password]::-webkit-input-placeholder {
  color: #808080;
}
.reserv.write #content > .left > div .form-item .body .infoLine input[type=text]::-mos-input-placeholder,
.reserv.write #content > .left > div .form-item .body .infoLine input[type=password]::-mos-input-placeholder {
  color: #808080;
}
.reserv.write #content > .left > div .form-item .body .infoLine:first-child {
  margin-top: 16px;
}
.reserv.write #content > .left > div .form-item .body .infoLine .infoIn {
  float: right;
  width: 67%;
  height: 50px;
}
.reserv.write #content > .left > div .form-item .body .infoLine .infoIn label {
  width: 50%;
  height: 40px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
}
.reserv.write #content > .left > div .form-item .body .infoLine .rsvInputTit {
  float: left;
  width: 33%;
  min-width: 33%;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10.5px 0;
  font-size: 16px;
  font-weight: 600;
}
.reserv.write #content > .left > div .form-item .body .infoLine .rsvInputTit:before {
  content: '';
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 4px;
  height: 4px;
  background-color: #464646;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 9px;
}
.reserv.write #content > .left > div .form-item .body .infoLine.birthInfo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.reserv.write #content > .left > div .form-item .body .infoLine.birthInfo select#drverBrthdy1 {
  width: 24.5% !important;
  height: 40px !important;
  text-align: right;
}
.reserv.write #content > .left > div .form-item .body .infoLine.birthInfo select#drverBrthdy2 {
  width: 19% !important;
  min-width: 19%;
  height: 40px !important;
  text-align: right;
}
.reserv.write #content > .left > div .form-item .body .infoLine.birthInfo select#drverBrthdy3 {
  width: 19% !important;
  min-width: 19%;
  height: 40px !important;
  text-align: right;
}
.reserv.write #content > .left > div .form-item .body .infoLine .emailInfo {
  color: #808080;
}
.reserv.write #content > .left > div .form-item .body .infoLine .emailInfo dt {
  font-size: 12px;
  line-height: 170%;
}
.reserv.write #content > .left > div .form-item .body .infoLine .emailInfo dd {
  font-size: 10px;
  line-height: 170%;
  margin-left: 3px;
}
.reserv.write #content > .left > div .form-item .ico-kakao,
.reserv.write #content > .left > div .form-item .ico-naver {
  width: 30px;
  height: 30px;
}
.reserv.write #content > .left > div .form-item .ico-kakao:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7.5px 0 0 -8px;
  width: 16px;
  height: 15px;
  background-position: -400px -230px;
}
.reserv.write #content > .left > div .form-item .ico-naver:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5.5px 0 0 -6px;
  width: 12px;
  height: 11px;
  background-position: -380px -230px;
}
.reserv.write #content > .left > div .form-item:first-child {
  margin-right: 7.5%;
}
.reserv.write #content > .left > div > .bu-star {
  margin-top: 30px;
}
.reserv.write #content > .left > div > .btn-wrap {
  margin-top: 50px;
  text-align: center;
}
.reserv.write #content > .left > div > .btn-wrap button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
}
@media (min-width:992px) {
  .reserv.write #content > .left > div > .btn-wrap button {
    min-width: 200px;
  }
}
.reserv.write #content > .left > div > .btn-wrap button:hover {
  background-color: #000;
}
/* 2021-03-31 추가 */
.reserv.write #content > .left .care-plus .add-info {
  width: 100%;
  color: #dc3644;
  margin:0 0 28px;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  border:1px solid #dc3644;
  box-sizing: border-box;
  background-color:#fff4f4;
  cursor: pointer;
}
.reserv.write #content > .left .care-plus .add-info span {
  position:relative;
  display:block;
  padding:0 10px 0 23px;
}
.reserv.write #content > .left .care-plus .add-info span:before {
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:50%;
  width:17px;
  height:15px;
  background:url(../images/Icon_material_warning.png) no-repeat 0 0;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}
.reserv.write #content > .left .care-plus .add-info span:after {
  content:'';
  display:block;
  position:absolute;
  right:2px;
  top:50%;
  width:8px;
  height:8px;
  border-right:1px solid #dc3644;
  border-top:1px solid #dc3644;
  transform:translateY(-50%) rotate(45deg);
  -ms-transform:translateY(-50%) rotate(45deg);
  -webkit-transform:translateY(-50%) rotate(45deg);
}
/* //2021-03-31 추가 */

.reserv.write #content > .left .care-plus .intro-wrap {
  position:relative;
}
.reserv.write #content > .left .care-plus .info-tit {
  margin: 30px 0 40px;
  font-size: 25px;
  font-weight: 900;
  color: #192028;
}
.reserv.write #content > .left .care-plus .tit-desc {
  margin: 10px 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -0.05em;
  color: #222222;
}
.reserv.write #content > .left .care-plus .txt-desc {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  color: #222222;
}
.reserv.write #content > .left .care-plus .note {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 6px;
  font-size: 12px;
  color: #777;
}
.reserv.write #content > .left .care-plus .intro-wrap .btn-more {
  display:inline-block;
  position:absolute;
  right:0;
  bottom:0;
  padding:0 0 2px;
  color:#222;
  font-size:14px;
  line-height:18px;
  font-weight:bold;
  cursor: pointer;
}
.reserv.write #content > .left .care-plus .intro-wrap .btn-more:before {
  content:'';
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background-color:#222;
}
.reserv.write #content > .left .care-plus table.table-carePlus {
  width: 100%;
  margin: 20px 0 15px;
  text-align: center;
}
.reserv.write #content > .left .care-plus table.table-carePlus th,
.reserv.write #content > .left .care-plus table.table-carePlus td {
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
.reserv.write #content > .left .care-plus table.table-carePlus td {
  background-color: #fff;
  font-size: 14px;
}
.reserv.write #content > .left .care-plus table.table-carePlus thead th {
  background-color: #f7f7f7;
  padding: 12px 0;
  border-top: 1px solid #ededed;
  font-weight: 600;
  color: #5d5d5d;
  text-align: center;
  font-size: 13px;
}
.reserv.write #content > .left .care-plus table.table-carePlus thead th:last-child {
  border-right: 0;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody td {
  padding: 15px 0;
  font-weight: 600;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody td:first-child {
  color: #454545;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody td:not(:first-child) {
  color: #080808;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody td:last-child {
  border-right: 0;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody td.blue {
  color: #00baf6;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody.selected1 tr td:nth-child(2) {
  background-color: #edf7fc;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody.selected1 tr td:nth-child(2) .btn-select {
  background-color: #03adef;
  color: #fff;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody.selected2 tr td:nth-child(3) {
  background-color: #edf7fc;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody.selected2 tr td:nth-child(3) .btn-select {
  background-color: #03adef;
  color: #fff;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody.selected3 tr td:nth-child(4) {
  background-color: #edf7fc;
}
.reserv.write #content > .left .care-plus table.table-carePlus tbody.selected3 tr td:nth-child(4) .btn-select {
  background-color: #03adef;
  color: #fff;
}
.reserv.write #content > .left .care-plus table.table-carePlus .ico-i {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 14px;
  height: 14px;
  background-color: #a3a3a3;
  line-height: 15px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.reserv.write #content > .left .care-plus table.table-carePlus .tr-last p {
  font-size: 12px;
  font-weight: 600;
  color: #717171;
}
.reserv.write #content > .left .care-plus table.table-carePlus .btn-select {
  width: 160px;
  height: 42px;
  background-color: #ededed;
  line-height: 42px;
  margin: 9px 0 15px;
  text-align: center;
  color: #7e7e7e;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
}
.reserv.write #content > .left .care-plus table.table-carePlus .btn-select:hover {
  background-color: #bababa;
}
.reserv.write #content > .left .care-plus .btn-group {
  float: right;
  width: 32%;
  margin-right: 2px;
  margin-top: 25px;
}
.reserv.write #content > .left .care-plus .btn-group .btn-choice {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 49%;
  font-size: 14px;
  padding: 11px 0;
  background-color: #fff;
  border: 1px solid #ebebeb;
}
.reserv.write #content > .left .care-plus .btn-group .btn-choice.active {
  color: #fff;
  background-color: #464646;
}
.reserv.write #content > .left .dcMethod > .row {
  padding: 10px 30px 22px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode {
  border-bottom: 1px solid #ebebeb;
  height: 50px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode > h5 {
  width: 155px;
  height: 40px;
  line-height: 40px;
  float: left;
  font-size: 18px;
  color: #000;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .cpcode {
  width: 45%;
  height: 40px;
  line-height: 40px;
  float: left;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .cpcode .skybTxt {
  font-size: 15px;
  font-weight: 600;
  color: #00adef;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .pocode .skybTxt {
  font-size: 15px;
  font-weight: 600;
  color: #00adef;
  margin-left:5px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .dcChoice {
  float: right;
  width: 32%;
  margin-right: 2px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .dcChoice > div {
  width: 48%;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .dcChoice .dcChoice1 {
  float: left;
  display: block;
  margin-right: 2%;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .dcChoice .dcChoice2 {
  float: left;
  margin-right: 2%;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .dcChoice .dcChoice3 {
  float: left;
}

.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .form-search {
  display: none;
  float: left;
  width: 35%;
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  margin-left: -20px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .form-search #discountNum {
  height: 35px;
  width: 73%;
  line-height: 35px;
  border: 1px solid #464646;
  font-size: 13px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .form-search #inputPoint {
  height: 35px;
  width: 40%;
  line-height: 35px;
  border: 1px solid #464646;
  font-size: 13px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .couponNcode .form-search button {
  height: 35px;
  line-height: 35px;
  background-color: #464646;
  width: 59px;
  margin-left: 0;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .bkTxt2 {
  color: #000;
  margin-left: 4px;
  font-weight: 900;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage {
  padding-top: 20px;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage > div {
  width: 50%;
  box-sizing: border-box;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .dced {
  height: 35px;
  line-height: 35px;
  padding-left: 28px;
  float: left;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .dced .redTxt {
  color: #ff0000;
  margin-left: 45px;
  font-size: 16px;
  font-weight: 600;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .dced .bkTxt {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage {
  float: left;
  text-align: right;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage > span {
  font-size: 16px;
  font-weight: 600;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage > input[type=text] {
  width: 64.5%;
  margin-left: 9.5%;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage > div {
  width: 65%;
  float: right;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage button {
  width: 30%;
  height: 40px;
  background-color: #ebebeb;
  margin: 15px 0 0 0;
  cursor: pointer;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage .gryTxt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 14px;
  width: 68%;
  color: #808080;
  font-weight: 600;
}
.reserv.write #content > .left .dcMethod > .row .form-coupon .dcedNmileage .mileage .gryTxt > b {
  color: #000;
}
.reserv.write #content > .left .payment table {
  border-top: 1px solid #898989;
}
.reserv.write #content > .left .payment table tr {
  height: 38px;
}
.reserv.write #content > .left .payment table tr th {
  padding-left: 28px;
  background-color: #eef2f5;
  color: #707070;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
}
.reserv.write #content > .left .payment table tr td {
  padding-left: 21px;
  border-bottom: 1px solid #ebebeb;
  color: #707070;
}
.reserv.write #content > .left .payment table tr td.rdTxt {
  color: #ff0000;
  font-weight: 600;
}
.reserv.write #content > .left .payment table tr.bdTxt th,
.reserv.write #content > .left .payment table tr.bdTxt td {
  color: #000;
  font-weight: 600;
}
.reserv.write #content > .left .payment table tr.cards td select {
  width: 35%;
}
.reserv.write #content > .left .payment table tr.cards td select:disabled {
  background-color: #ebebeb;
  color: #a8a8a8;
}
.reserv.write #content > .left .payment table tr.cards td .term {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-right: 3%;
}
.reserv.write #content > .left .payment table tr.cards td > p {
  text-align: left;
  font-size: 12px;
  color: #808080;
  margin: 8px 0 0 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.reserv.write #content > .left .payment table tr.cards td .cardRegistBtn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  right: 0;
  top: 10px;
  width: 150px;
  height: 40px;
  background-color: #464646;
  color: #fff;
  cursor: pointer;
}
.reserv.write #content > .left .termsSection dl {
  padding: 0 30px;
  margin-bottom: 35px;
}
.reserv.write #content > .left .termsSection dl dt {
  font-size: 13px;
  font-weight: 400;
  color: #808080;
  padding: 9px 0;
  cursor: pointer;
}
.reserv.write #content > .left .termsSection dl dt:first-child:before {
  content: '!';
  font-weight: 900;
  color: red;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid red;
  margin-left: -21px;
  margin-right: 5px;
  text-align: center;
}
.reserv.write #content > .left .termsSection dl dt.selected {
  font-weight: 600;
}
.reserv.write #content > .left .termsSection dl dt > span {
  float: right;
  cursor: pointer;
}
.reserv.write #content > .left .panel.terms {
  border: none;
  background: none;
}
.reserv.write #content > .left .panel.terms .panel-header {
  padding: 0;
  background-color: transparent;
  color: #fff;
}
.reserv.write #content > .left .panel.terms .panel-header h5 {
  color: #fff;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control {
  margin-top: 0;
  color: #808080;
  cursor: pointer;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control .img-wrap-responsive.square {
  padding-top: 100%;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 120px;
  height: auto;
  color: #808080;
  background-color: #fff;
  margin-right: -4px;
  padding: 14px 0px;
  text-align: center;
  border: solid #ebebeb;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li.selected {
  background-color: #959595;
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li:last-child {
  border-right: 1px solid #ebebeb;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li.selected {
  border-bottom: 1px solid 0 !important;
  background-color: #959595;
  color: #fff;
}
.reserv.write #content > .left .panel.terms .panel-body,
.reserv.write #content > .left .panel.terms .panel-foot {
  padding: 20px 3.6%;
}
.reserv.write #content > .left .panel.terms .panel-body {
  max-height: 150px;
  overflow-y: auto;
  background-color: #fff;
  color: #192028;
  height: 150px;
  font-size: 12px;
  line-height: 1.8;
  font-family: '돋움', dotum;
  border: solid #ebebeb;
  border-width: 0 1px 1px 1px;
}
.reserv.write #content > .left .panel.terms .panel-foot {
  border-top: 1px solid #eef2f5;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 4.04%;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background-color: #dcdfe4;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label > input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li label:after {
  border: none;
  background-color: #dcdfe4;
}
.reserv.write #content > .left .panel.terms .panel-foot > ul > li.checked label:after {
  background-color: #00adef;
}
.reserv.write #content > .sidebar {
  float: right;
  margin-top: 55px;
  z-index: 1040;
}
.reserv.write #content > .sidebar,
.reserv.write #content > .sidebar > div.affix {
  box-sizing: border-box;
  width: 360px;
}
.reserv.write #content > .sidebar > div {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  border: 0;
}
.reserv.write #content > .sidebar > div.affix {
  position: fixed;
  top: 100px;
}
.reserv.write #content > .sidebar > div.affix-bottom {
  position: absolute;
  width: 360px;
}
.reserv.write #content > .sidebar > div > h5 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 900;
  padding: 15px 20px;
  color: #fff;
  background-color: #182029;
}
.reserv.write #content > .sidebar > div > h5 > small {
  font-size: 0.6em;
}
.reserv.write #content > .sidebar > div > .section1 {
  overflow: hidden;
  padding: 20px;
}
.reserv.write #content > .sidebar > div > .section1 h6 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 900;
  color: #182029;
}
.reserv.write #content > .sidebar > div > .section1 h6:not(:first-of-type) {
  margin-top: 40px;
}
.reserv.write #content > .sidebar > div > .section1 > dl {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 12px;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dt {
  width: 95px;
  font-weight: 600;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dt .iIco {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 11px;
  height: 11px;
  margin-left: 1px;
  border: 1px solid #959595;
  color: #959595;
  border-radius: 50%;
  text-align: center;
  font-weight: 400;
  font-size: 10px;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dd {
  word-break: break-all;
  font-weight: 400;
  color: rgba(24, 32, 41, 0.9);
}
.reserv.write #content > .sidebar > div > .section1 > dl > dd.text-date span {
  display: inline;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dd.cl-bl {
  color: #00baf6;
  font-weight: 600;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dd.cl-rd {
  color: #ff0033;
  font-weight: 600;
}
.reserv.write #content > .sidebar > div > .section1 > dl.car-info {
  width: 93.4%;
}
.reserv.write #content > .sidebar > div > .section1 > dl.car-info .img-wrap-responsive {
  width: 68.571%;
  margin: 20px auto 0;
  padding-top: 40%;
}
.reserv.write #content > .sidebar > div > .section1 > dl.benefit .infoTxt .iIco {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  border: 1px solid #303030;
  color: #303030;
  border-radius: 50%;
  text-align: center;
  font-weight: 900;
}
.reserv.write #content > .sidebar > div > .section1 > dl.last::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #edf2f5;
  bottom: -20px;
  left: 0;
}
.reserv.write #content > .sidebar > div > .section2 {
  padding: 15px 20px;
  background-color: rgba(237, 242, 245, 0.5);
}
.reserv.write #content > .sidebar > div > .section2 > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.reserv.write #content > .sidebar > div > .section2 > dl > dt {
  color: rgba(24, 32, 41, 0.9);
  line-height: 1.5;
}
.reserv.write #content > .sidebar > div > .section2 > dl > dd.text-price {
  font-size: 24px;
  color: #182029;
  font-weight: 900;
  line-height: 1;
}
.reserv.write #content > .sidebar > div > .section2 > dl > dd.text-price small {
  font-size: 18px;
  font-weight: 400;
}
.reserv.write #content > .sidebar > div > .section2 > div {
  margin-top: 15px;
  border-top: 1px solid #eef2f5;
}
.reserv.write #content > .sidebar > div > .section2 > div > dl {
  overflow: hidden;
  margin-top: 15px;
}
.reserv.write #content > .sidebar > div > .section2 > div > dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.reserv.write #content > .sidebar > div > .section2 > div > dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.reserv.write #content > .sidebar > div > .section2 > div > dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.reserv.write #content > .sidebar > div > .section2 > div > dl > dd {
  float: right;
}
/* 예약 완료 Bob */
.reserv.complete{
  background-color:#fff;
}
.reserv.complete .tit--bold{
  font-size:26px;
  font-weight:bold;
  text-align:center;
  color:#272727;
}

.reserv.complete .reserv-complete__container{
  text-align:center;
  width:375px;
  margin:0 auto;
}

.reserv-complete__container .info-top {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:375px;
  margin:28px auto 0 ;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reserv-complete__container .status-word{
  display:inline-block;
  background:#03adef;
  padding:4px 10px;
  border-radius:10px;
  color:#fff;
  font-size:12px;
}
.reserv-complete__container .reserv-num{
  font-size:11px;
  color:#a3a3a3;
}
.reserv-complete__container .car-name{
  margin-top:5px;
  font-size:16px;
  color:#03adef;
  text-align:left;
  font-weight:600;
}
.reserv-complete__container .img-car--small {
  display:block;
  height:52px;
  object-fit:contain;
}
.reserv-complete__container .reserv-complete__item{
  margin-top:22px;
}
.reserv-complete__item .item-tit{
  text-align:left;
  font-size:16px;
  font-weight:600;
  color:#000;
}
.reserv-complete__item .item-content{
  margin-top:13px;
  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;
}
.reserv-complete__item .box{
  position:relative;
  width:100%;
  padding:16px 23px;
  margin-top:8px;
  background:#f7f7f7;
  box-sizing:border-box;
  text-align:left;
}
.reserv-complete__item .box.cursorP{
  cursor:pointer;
}
.reserv-complete__item .item-content .box.start,
.reserv-complete__item .item-content .box.end {
  width:184px;
  padding:16px 15px;
}
.reserv-complete__item .box.start .box__tit,
.reserv-complete__item .box.end .box__tit{
  font-weight:600;
  font-size:12px;
  color:#a3a3a3;
}
.reserv-complete__item .box__tit{
  font-size:14px;
  color:#7e7e7e;
  font-weight:bold;
}
.reserv-complete__item .box__tit + .btn--arrow{
  display:block;
  position:absolute;
  right:0;
  top:50%;
  width:40px;
  height:40px;
  margin-top:-20px;
  box-sizing:border-box;
  text-indent:-9999px;
  cursor:pointer;
}
.reserv-complete__item .box__tit + .btn--arrow::before{
  content:'';
  display:block;
  position:absolute;
  right:20px;
  top:50%;
  width:8px;
  height:8px;
  border-style:solid;
  border-color:#a3a3a3;
  border-width:2px 2px 0 0;
  box-sizing:border-box;
  transform:rotate(45deg) translateY(-5px);
}
.reserv-complete__item .box__txt--date{
  margin-top:5px;
  font-size:16px;
  font-weight:bold;
  color:#192028;
}
.reserv-complete__item .box__txt--time {
  margin-top:4px;
  font-size:14px;
  font-weight:bold;
  color:#192028;
}
.reserv-complete__item .add-info{
  position:absolute;
  top:13px;
  right:13px;
  height:20px;
  border-radius:10px;
  padding:0 6px;
  background:#03adef;
  line-height:20px;
  font-size:11px;
  color:#fff;
}
.reserv-complete__item .info-box{
  padding:15px;
}
.reserv-complete__item .info-box dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  font-size:14px;
}
.reserv-complete__item .info-box dl > *{
  width:50%;
  margin-top:14px;
}
.reserv-complete__item .info-box dl dt{
  color:#a3a3a3;
  font-weight:bold;
}
.reserv-complete__item .info-box dl dd{
  text-align:right;
  color:#272727;
}
.reserv-complete__item .info-box dl dt:first-of-type,
.reserv-complete__item .info-box dl dd:first-of-type{
  margin-top:0;
}
.reserv-complete__item .info-box dl dt:last-of-type,
.reserv-complete__item .info-box dl dd:last-of-type{
  font-weight:bold;
  color:#192028;
}
.banner--reserv-complete{
  width:375px;
  margin:30px auto 0;
}
.banner--reserv-complete .banner__tit{
  margin-bottom:14px;
  font-size:15px;
  font-weight:bold;
  color:#192028;
}
.banner--reserv-complete .banner__container,
.banner--reserv-complete .banner__item{
  width:100%;
  height:80px;
}
.reserv.complete .btn-wrap{
  margin-top:14px;
  text-align:center;
}
.reserv.complete .btn-wrap button{
  width:156px;
  background:#adadad;
  padding:15px 0;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  cursor:pointer;
}
.reserv.complete .btn-wrap button + button{
  background:#192028;
  margin-left:14px;
}
.content-box__group--grey {
  margin-top:15px;
}
.content-box__group--grey dl{
  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;
  width:100%;
  background:#f7f7f7;
  margin-top:8px;
  padding:14px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.content-box__group--grey .note{
  margin-left:12px;
  line-height:1.3;
  font-size:12px;
  color:#a3a3a3;
  text-indent:-7px;
}
.content-box__group--grey dl + .note {
  margin-top:5px;
}
.content-box__group--grey .note::before{
  content:'*';
  margin-right:2px;
}
.content-box__group--grey dl:first-of-type{
  margin-top:0;
}
.content-box__group--grey dl dt{
  width:30%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  color:#454545;
  white-space: nowrap;
  font-size:12px;
}
.content-box__group--grey dl dd{
  width:70%;
  white-space: nowrap;
  text-align:right;
  font-size:14px;
  color:#454545;
  font-weight:bold;
}
.content-box__group--grey dl dd ~ dd,
.content-box__group--grey dl dd ~ dt{
  margin-top:8px;
}
.content-box__group--grey dl dd + dd{
  width:100%;
}
.content-box__group--grey dl dt > p:first-child{
  color:#454545;
  font-weight:bold;
}
.content-box__group--grey dl dt > p + p {
  margin-top:3px;
}
/* 신규 추가 Bob START */
.reserv-complete__item .boxH5{
  position:relative;
  width:100%;
  margin-top:8px;
  text-align:left;
}
.reserv-complete__item .item-tit + .btn--arrow{
  display:block;
  position:absolute;
  right:0;
  width:23px;
  margin-top:-25px;
  text-indent:-9999px;
  cursor:pointer;
}
.reserv-complete__item .item-tit + .btn--arrow::before{
  content:'';
  display:block;
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border-style:solid;
  border-color:#a3a3a3;
  border-width:2px 2px 0 0;
  box-sizing:border-box;
  transform:rotate(135deg);
}
.reservFail{
  margin:50px auto 54px;
  text-align:center;
}
.reservFail .tit--bold{
  font-size:26px;
  font-weight:900;
}
.reservFail .img-visual{
  margin-top:42px;
}
.reservFail .note {
  font-size:17px;
  margin-top:40px;
  font-weight:400;
  line-height:1.63;
  color: #222222;
}
.reserv-fail__container .reserv-fail__item{
  text-align:center;
  width:375px;
  margin:22px auto;
}
.reserv-fail__item .item-content{
  width:375px;
  margin:28px auto 0 ;
  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;
}
.reserv-fail__item .box{
  position:relative;
  width:100%;
  padding:16px 23px;
  margin-top:8px;
  background:#f7f7f7;
  box-sizing:border-box;
  text-align:left;
  cursor:pointer;
}
.reserv-fail__item .box__tit{
  font-size:14px;
  color:#7e7e7e;
  font-weight:bold;
}
.reserv-fail__item .box__tit + .btn--arrow{
  display:block;
  position:absolute;
  right:0;
  top:50%;
  width:40px;
  height:40px;
  margin-top:-20px;
  box-sizing:border-box;
  text-indent:-9999px;
  cursor:pointer;
}
.reserv-fail__item .box__tit + .btn--arrow::before{
  content:'';
  display:block;
  position:absolute;
  right:20px;
  top:50%;
  width:8px;
  height:8px;
  border-style:solid;
  border-color:#a3a3a3;
  border-width:2px 2px 0 0;
  box-sizing:border-box;
  transform:rotate(45deg) translateY(-5px);
}
.reserv-fail__item .item-tit{
  text-align:left;
  font-size:16px;
  font-weight:600;
  color:#000;
}
.resultTooltip.research {
  opacity: 0;
  filter: alpha(opacity=0);
  right: -25px;
  top: -30px;
  background-color: #3b53e4;
  color: #fff;
  padding: 8px 13.5px;
  border-radius: 3px;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 1000;
  width: 175.5px;
  margin: 0 49%;
  font-size : 11px;
  font-family: NanumBarunGothic;
}
.resultTooltip.research:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  margin: 6px 120px;
  border-top: 10px solid #3b53e4;
  border-bottom: 10px solid none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.resultTooltip.research > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 80px;
  background-image: url("/static/images/img-sprite.png");
  background-position: -140px -40px;
  background-repeat: no-repeat;
  cursor:pointer;
}
/* 신규 추가 Bob END*/
/*Bob 차량인수/반납 팝업 추가 START*/
.info-company__container .map-wrap {
  margin-top:55px;
  height: 167px;
  background-color: #dcdfe4;

}
.info-company__container{
  padding:0;
}
.info-company__container .note{
  font-size:12px;
  color:#7e7e7e;
}
.info-company__container .btn-area{
  padding:22px 24px;
}
.info-company__container .btn-area button{
  display:block;
  width:100%;
  background:#adadad;
  padding:15px 0;
  text-align:center;
  font-size:18px;
  color:#fff;

}
.info-company__item{
  padding: 14px 24px 0;

}
.info-company__item dl dt{
  margin-bottom:14px;
  font-size:14px;
  font-weight:bold;
  color:#192028;
}
.info-company__item dl dd{
  background:#f7f7f7;
  padding:17px 19px;
  font-size:12px;
  color:#454545;
}
.info-company__item.row{
  display:flex;
  justify-content:space-between;
}
.info-company__item.row dl{
  flex:1 1 40% ;
}
.info-company__item.row dl + dl{
  margin-left:19px;
}
/*Bob 차량인수/반납 팝업 추가 END*/

/* 케어플러스 모달 */

.modal-alert {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.modal-alert .dimed {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
}
/* 2021-03-31 추가 */

.modal-alert .modal-alert-container .modal-title {
  width: 100%;
  padding: 10px 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align:right;
}
.modal-alert .modal-alert-container .modal-title .txt-sup {
  color: #818181;
  font-size: 10px;
  cursor: pointer;
}
.modal-alert .modal-alert-container .poputbox {
  position: relative;
  width: 100%;
  padding: 15px 25px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-alert .modal-alert-container .poputbox h6.emphasis {
  position: relative;
  padding-left: 23px;
  font-weight: bold;
}
.modal-alert .modal-alert-container .poputbox h6.emphasis:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 15px;
  background: url(../images/Icon_material_warning.png) no-repeat 0 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.modal-alert .modal-alert-container .poputbox .modal-desc {
  margin-top: 20px;
  line-height: 28px;
  word-break: keep-all;
  letter-spacing: -0.02em;
  font-size: 16px;
  font-weight: 600;
}
.modal-alert .modal-alert-container .poputbox .modal-desc .cstyle1 {
  color:#dc3644;
  font-weight:bold;
}
/* //2021-03-31 추가 */
.modal-alert .modal-alert-container {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 7px;
}
.modal-alert .modal-alert-container.w-xs {
  width: 306px;
}
.modal-alert .modal-alert-container.w-sm {
  width: 386px;
}
.modal-alert .modal-alert-container.w-md {
  width: 482px;
}
/* 2021-03-31 추가 */
.modal-alert .modal-alert-container.w724 {
  width: 724px;
}
/* //2021-03-31 추가 */
.modal-alert .modal-alert-container .modal-contents {
  position:relative;
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
}
/* 2021-03-31 추가 */
.modal-alert .modal-alert-container .modal-contents.ty1 {
  padding:40px 30px 32px;
}
.modal-alert .modal-alert-container .modal-contents.ty2 {
  min-height:515px;
  padding:52px 30px 32px;
}
.modal-alert .modal-alert-container .modal-contents h6 {
  font-size: 16px;
  font-weight: 900;
  color: #192028;
}
.modal-alert .modal-alert-container .modal-contents h6 + .cancel-fee {
  margin-top:24px;
}
.modal-alert .modal-alert-container .modal-contents .cancel-fee + .input-check {
  margin-top:32px;
}
.modal-alert .modal-alert-container .modal-contents h6.emphasis {
  position:relative;
  padding-left:23px;
  font-weight:bold;
}
.modal-alert .modal-alert-container .modal-contents h6.bold {font-weight:bold;}
.modal-alert .modal-alert-container .modal-contents h6.emphasis:before {
  content:'';
  display:block;
  position:absolute;
  left:0;
  top: 50%;
  width:17px;
  height:15px;
  background:url(../images/Icon_material_warning.png) no-repeat 0 0;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}
.modal-alert .modal-alert-container .popup-slider {
  width:432px;
  margin:20px 0 0;
}

.modal-alert .modal-alert-container .popup-slider .slick-slide {
  outline:0 !important;
}
.modal-alert .modal-alert-container .popup-slider .slick-dots {
  position:absolute;
  right:0;
  top:-32px;
  bottom:auto;
  width:auto;
}
.modal-alert .modal-alert-container .popup-slider .slick-dots li {
  width:8px;
  height:8px;
  margin:0 3px;
  border-radius:50%;
  background-color:#d9d9d9;
}
.modal-alert .modal-alert-container .popup-slider .slick-dots li.slick-active {
  width:25px;
  border-radius:30px;
  background-color:#03adef;
}
.modal-alert .modal-alert-container .popup-slider .slick-dots li button {
  width:auto;
  height:auto;
  padding:0 !important;
}
.modal-alert .modal-alert-container .modal-contents .modal-desc {
  margin-top: 20px;
  line-height: 28px;
  word-break: keep-all;
  letter-spacing: -0.02em;
  /* font-size: 16px; */
  font-size: 14px;
  font-weight: 600;
}
.modal-alert .modal-alert-container .modal-contents .modal-desc .cstyle1 {
  color:#dc3644;
  font-weight:bold;
}
.modal-alert .modal-alert-container .modal-contents .careplustext {
  margin:19px 0 0;
  color:#222;
  font-size:14px;
  line-height:24px;
}
.modal-alert .modal-alert-container .modal-contents .careplustext.ty1 {letter-spacing:-0.3px;}
.modal-alert .modal-alert-container .modal-contents .careplus-list {
  margin:58px 0 0;
  border-top:1px solid #d6d6d6;
}
.modal-alert .modal-alert-container .modal-contents .careplus-list li {
  position:relative;
  padding:14px 15px 14px 0;
  border-bottom:1px solid #d6d6d6;
}
.modal-alert .modal-alert-container .modal-contents .careplus-list li .btn-example {
  position:absolute;
  right:15px;
  top:50%;
  color:#4a4a4a;
  font-size:12px;
  line-height:1.5;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  cursor:pointer;
}
.modal-alert .modal-alert-container .modal-contents .num-list {margin:15px 0 0;}
.modal-alert .modal-alert-container .modal-contents .num-list li {
  position:relative;
  margin:10px 0 0;
  padding-left:16px;
  color:#4a4a4a;
  font-size:14px;
  line-height:24px;
}
.modal-alert .modal-alert-container .modal-contents .num-list li:first-child {margin:0;}
.modal-alert .modal-alert-container .modal-contents .num-list li .num {
  position:absolute;
  left:0px;
  top:0px;
}
.modal-alert .modal-alert-container .modal-contents .btnprve {
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  width:48px;
  height:48px;
  font-size:0px;
}
.modal-alert .modal-alert-container .modal-contents .btnprve:before {
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid #707070;
  border-top:2px solid #707070;
  transform:translate(-50%,-50%) rotate(-135deg);
}
.modal-alert .modal-alert-container .modal-contents .tal-list {
  margin:16px 0 0;
  border:1px solid #ededed;
}
.modal-alert .modal-alert-container .modal-contents .tal-list thead tr th {
  padding:17px 5px 16px;
  border-left:1px solid #ededed;
  color:#5d5d5d;
  font-size:13px;
  line-height:1.38;
  text-align:center;
}
.modal-alert .modal-alert-container .modal-contents .tal-list tbody tr td {
  padding:22px 5px;
  border-top:1px solid #ededed;
  border-left:1px solid #ededed;
  color:#454545;
  font-size:14px;
  line-height:1.71;
  text-align:center;
}
.modal-alert .modal-alert-container .modal-contents .tal-list thead tr th:first-child,
.modal-alert .modal-alert-container .modal-contents .tal-list tbody tr td:first-child {border-left:0;}
.modal-alert .modal-alert-container .modal-contents .tal-list tbody tr td.align-text {
  padding:16px 20px;
  text-align:left;
  color:#080808;
}
.modal-alert .modal-alert-container .modal-contents .tal-list tbody tr td.fstyle {
  color:#03adef;
  font-weight:bold;
}
.modal-alert .modal-alert-container .modal-contents .txt-box {
  overflow:hidden;
  width:100%;
  margin:15px 0  0;
}
.modal-alert .modal-alert-container .modal-contents .txt-box2 {
  margin:10px 0  0;
}
.modal-alert .modal-alert-container .modal-contents .txt-box .dot-list {
  float:left;
  width:50%;
}
.modal-alert .modal-alert-container .modal-contents .dot-list li {
  position:relative;
  padding-left:6px;
  color:#4a4a4a;
  font-size:13px;
  line-height:1.85;
}
.modal-alert .modal-alert-container .modal-contents .dot-list li:before {
  content:'';
  display: block;
  position:absolute;
  left:0;
  top:10px;
  width:2px;
  height:2px;
  border-radius:50%;
  background-color:#4a4a4a;
}
/* //2021-03-31 추가 */

.modal-alert .modal-alert-container .modal-title {
  width: 100%;
  padding: 10px 15px 0;
  box-sizing: border-box;
}
.modal-alert .modal-alert-container .modal-title + .modal-contents {
  padding: 15px 25px 25px;
}
.modal-alert .modal-alert-container .modal-title.txt-right {
  text-align: right;
}
.modal-alert .modal-alert-container .modal-title .txt-sup {
  color: #818181;
  font-size: 10px;
  cursor: pointer;
}
.modal-alert .select-wrap {
  margin-top: 8px;
}
.modal-alert .select-wrap input[type="radio"] {
  display: none;
}
.modal-alert .select-wrap input[type="radio"] + label {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #b1b1b1;
  box-sizing: border-box;
  cursor: pointer;
  color: #b1b1b1;
  font-size: 12px;
  font-weight: 600;
}
.modal-alert .select-wrap input[type="radio"]:checked + label {
  border: 1px solid #03adef;
  color: #03adef;
}
.modal-alert .textarea-wrap {
  margin-top: 15px;
}
.modal-alert .textarea-wrap textarea {
  width: 100%;
  height: 77px;
  background-color: #f0f0f0;
  padding: 5px 10px;
  box-sizing: border-box;
  resize: none;
  font-weight: 600;
  font-size: 13px;
  text-align: left;
}
.modal-alert .textarea-wrap textarea::placeholder {
  line-height: 1.3;
  font-size: 13px;
  font-weight: 400;
  color: #b7b7b7;
}
.modal-alert .textarea-wrap .text-length {
  margin-bottom: 3px;
  text-align: right;
  color: #b7b7b7;
  font-size: 11px;
}
/* .modal-alert .img-box {
  margin-top: 20px;
} */
.modal-alert .img-box img {
  width: 100%;
}
.modal-alert .img-box .img-bottom {
  width: 100%;
  margin-top: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.modal-alert .img-box .img-bottom span {
  color: #6c6c6c;
  font-size: 12px;
}
.modal-alert .btn-group {
  width: 100%;
  margin-top: 23px;
  text-align:center;
}
.modal-alert .btn-group.type1 {margin-top:113px;}
.modal-alert .btn-group.type2 {margin-top:199px;}
.modal-alert .btn-group.type3 {margin-top:113px;}
.modal-alert .btn-group.type4 {margin-top:30px;}
.modal-alert .btn-group button {
  width: 100%;
  background-color: #adadad;
  padding:12px 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.modal-alert .btn-group button:disabled{
  background:#ededed;
  color:#7e7e7e;
}
.modal-alert .btn-group.type1 button,
.modal-alert .btn-group.type2 button,
.modal-alert .btn-group.type3 button,
.modal-alert .btn-group.type4 button,
.modal-alert .btn-group.type5 button {
  padding:15px 0;
}
.modal-alert .btn-group.type2 button,
.modal-alert .btn-group.type3 button,
.modal-alert .btn-group.type4 button  {
  width:162px;
}
.modal-alert .btn-group.type5 button {
  background-color:#03adef;
}
.modal-alert .btn-group button.active {
  background-color: #03adef;
  color: #fff;
}
[data-modal] .modal-alert-container {
  opacity: 0;
  -webkit-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out, opacity 0.2s ease;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease, -webkit-transform 0.2s ease-in-out;
}
[data-modal] .dimed {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
[data-modal].hide {
  visibility: hidden;
  z-index:-1;
}
[data-modal].active {
  -webkit-animation: modalActive 0s;
          animation: modalActive 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
[data-modal].active .modal-alert-container {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
[data-modal].active .dimed {
  opacity: 0.23;
  filter: alpha(opacity=23);
}
[data-modal].inactive {
  -webkit-animation: modalInactive 0s;
          animation: modalInactive 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes modalActive {
  from {
    visibility: hidden;
    z-index:-1;
  }
  to {
    visibility: visible;
    z-index:9999;
  }
}
@keyframes modalActive {
  from {
    visibility: hidden;
    z-index:-1;
  }
  to {
    visibility: visible;
    z-index:9999;
  }
}
@-webkit-keyframes modalInactive {
  from {
    visibility: visible;
    z-index:9999;
  }
  to {
    visibility: hidden;
    z-index:-1;

  }
}
@keyframes modalInactive {
  from {
    visibility: visible;
    z-index:9999;
  }
  to {
    visibility: hidden;
    z-index:-1;

  }
}
/* 210609 추가 */
.modal-alert-contents.modal-alert-contents--cafepass{
    position:relative;
    padding: 56px 32px 32px;
}
.modal-alert-contents--cafepass .btn-close{
    position:absolute;
    width:70px;
    height:66px;
    top:0;
    right:0;
    padding:24px 0 0;
    box-sizing:border-box;
    text-align:center;
    cursor:pointer;
    opacity:.65;
}
.modal--cafepass .header--cafepass{
    margin-bottom:42px;
    text-align:center;
}
.modal--cafepass .subtit--cafepass{
    margin-top:30px;
    font-size:28px;
    font-weight:normal;
    line-height:1.36;
    color:#192028;

}
.modal--cafepass .notice--cafepass{
    margin:65px 0 32px;
}
.modal--cafepass .notice--cafepass .list__title{
    font-size:16px;
    color:#192028;
    font-weight:bold;
}
.modal--cafepass .notice--cafepass .dots-list{
    margin-top:15px;
}
.modal--cafepass .btn--more{
    width:100%;
    background:#adadad;
    padding:15px 0;
    text-align:center;
    font-size:18px;
    color:#fff;
    cursor:pointer
}

.banner--cafepass .slick-dots{
    bottom:-35px;
}
.banner--cafepass .slick-dots li{
    width:12px;
    height:12px;
    margin:0 8px;
}
.banner--cafepass .slick-dots li button {
    width:12px;
    height:12px;
    border-radius:50%;
    background:#dedede;
    padding:0;
}
.banner--cafepass .slick-dots li button::before{
    display:none;
}
.banner--cafepass .slick-dots li.slick-active button{
    background:#adadad;
}

.cancel-fee{
  width:100%;
}
.cancel-fee__box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  box-sizing:border-box;
  background:#f7f7f7;
}
.cancel-fee__box + .cancel-fee__box{
  margin-top:8px;
}
.cancel-fee__box dt{
  display:flex;
  align-items:center;
  font-size:12px;
}
.cancel-fee__box dd{
  font-size:14px;
  font-weight:600;
}
.cancel-fee__box.danger{
  background:#fff4f4;
}
.cancel-fee__box.danger dt {
  color:#dc3644;
}
.cancel-fee__box.danger dd {
  color:#ff5353;
}
.cancel-fee__box.primary dd{
  color:#00adef;
}
/* // 210609 추가 */

/* 카드추가 모달 */
#modal-addCard input {
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif !important;
}
#modal-addCard input[type=radio] + span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: static;
  color: #808080;
  background-color: #fff;
  border: 1px solid #ebebeb;
  font-size: 14px;
  font-weight: 600;
  width: 48.5%;
  height: auto;
  padding: 11px 0;
  text-align: center;
  border-radius: 0;
  text-indent: 0;
  margin-right: 3%;
}
#modal-addCard input[type=radio].corporate + span {
  margin-right: 0;
  margin-left: -4px;
}
#modal-addCard input[type=radio]:checked + span {
  background-color: #464646;
  color: #fff;
}
#modal-addCard input::placeholder {
  color: rgba(128, 128, 128, 0.4);
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif !important;
  font-size: 18px;
}
#modal-addCard input:-ms-input-placeholder {
  color: rgba(128, 128, 128, 0.4);
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif !important;
  font-size: 18px;
}
#modal-addCard input::-webkit-input-placeholder {
  color: rgba(128, 128, 128, 0.4);
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif !important;
  font-size: 18px;
}
#modal-addCard input::-moz-input-placeholder {
  color: rgba(128, 128, 128, 0.4);
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif !important;
  font-size: 18px;
}
#modal-addCard input[type=text]:focus {
  box-shadow: none !important;
  border-width: 0 0 1px 0 !important;
  border-color: #00aeef !important;
  content: none;
}
#modal-addCard input[type=text]:required {
  box-shadow: none !important;
  border-width: 0 0 1px 0 !important;
  border-color: #ff3f3f;
  content: none;
}
#modal-addCard input[type=password]:focus {
  box-shadow: none !important;
  border-width: 0 0 1px 0 !important;
  border-color: #00aeef !important;
  content: none;
}
#modal-addCard input[type=password]:required {
  box-shadow: none !important;
  border-width: 0 0 1px 0 !important;
  border-color: #ff3f3f;
  content: none;
}
/* 간편결제 카드추가 tooltip */
.tooltip.easyCard {
  opacity: 0;
  filter: alpha(opacity=0);
  right: -25px;
  top: -30px;
  background-color: #00adef;
  color: #fff;
  padding: 8px 15px;
  border-radius: 3px;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 1000;
}
.tooltip.easyCard:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 90px;
  top: 35px;
  border-top: 10px solid #00adef;
  border-bottom: 10px solid none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.tooltip.easyCard > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 8px;
  height: 8px;
  margin: 0 0 1px 10px;
  background-image: url("/static/images/img-sprite.png");
  background-position: -140px -40px;
  background-repeat: no-repeat;
}
/* 완료 알림창 */
div[id^=completeAlert] {
  display: none;
  width: 400px;
  height: 150px;
  background-color: #fff;
  color: #192028;
  position: fixed;
  top: 20%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border: 1px solid #464646;
  text-align: center;
  z-index: 1020;
}
div[id^=completeAlert] > p {
  margin: 32px 0;
  font-size: 18px;
  font-weight: 600;
}
div[id^=completeAlert] > button {
  width: 200px;
  height: 40px;
  background-color: #464646;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
/* 결제방식 아이콘 */
.otherpay_ico {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 24px;
  /*background-image: url("/static/images/img_pay.png");*/
  background-image: url("../images/img_pay.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 43px 8px 6px;
  color: #000;
}
.otherpay_ico.credit {
  background: none;
  margin-bottom: 2px;
}
.otherpay_ico.samsung {
  width: 143px;
  height: 20px;
  background-position: -4px -6px;
}
.otherpay_ico.kakao {
  width: 144px;
  background-position: -96px -31px;
}
.otherpay_ico.payco {
  width: 76px;
  height: 17px;
  background-position: -4px -34px;
}
.otherpay_ico.lpay {
  width: 54px;
  height: 19px;
  background-position: -99px -69px;
}
.otherpay_ico.ssg {
  width: 75px;
  height: 17px;
  background-position: -6px -68px;
}
.otherpay_ico.naver {
  width: 93px;
  background-position: -166px -65px;
}
.otherpay_ico.toss {
  width: 93px;
  background-position: -171px -5px;
}

/* 이메일 자동완성 */
.ui-corner-all {
  box-sizing: border-box;
  -moz-border-radius: 1px 1px 1px 1px;
}
.ui-widget {
  font-size: 12px;
}
.ui-menu {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.ui-autocomplete {
  cursor: default;
  position: absolute;
}
.ui-menu .ui-menu-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  clear: left;
  float: left;
  margin: 0;
  padding: 5px 20px;
  border-bottom: 1px solid #eee;
  width: 100%;
  box-sizing: border-box;
}
.ui-menu .ui-menu-item:hover {
  background-color: #eee;
}
.customer #content {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}
.customer #content > .left {
  float: left;
  width: 79.166%;
}
.customer #content > .left > .panel {
  position: relative;
  margin-bottom: 20px;
}
.customer #content > .sidebar {
  float: right;
  width: 16.666%;
}
.notice-list .table thead th:first-child {
  text-align: center;
}
.notice-list .table tbody td:first-child {
  text-align: center;
}
.notice-view #content > .left > .panel > div {
  padding: 3.508%;
  border-bottom: 1px solid #eef2f5;
}
.notice-view #content > .left > .panel > .header h4 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #3c4452;
}
.notice-view #content > .left > .panel > .header span {
  color: #868c98;
}
.notice-view #content > .left > .panel > .body p {
  line-height: 1.8;
  color: #3c4452;
}
.notice-view #content > .left > .panel > .btn-wrap {
  text-align: right;
}
.notice-view #content > .left > .panel > .btn-wrap button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  min-width: 100px;
}
.notice-view #content > .left > .panel > .btn-wrap button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.notice-view #content > .left > .panel table {
  margin-bottom: -1px;
}
.faq #content > .left > .panel.top {
  position: relative;
  height: 70px;
  padding-right: 3.508%;
  padding-left: 3.508%;
  background-color: #dcdfe4;
}
.faq #content > .left > .panel.top > ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.faq #content > .left > .panel.top > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.faq #content > .left > .panel.top > ul > li {
  position: relative;
  margin-right: 20px;
  padding-right: 15px;
}
.faq #content > .left > .panel.top > ul > li:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.faq #content > .left > .panel.top > ul > li:before {
  width: 10px;
  height: 6px;
}
.faq #content > .left > .panel.top > ul > li:before {
  background-position: -130px -30px;
}
.faq #content > .left > .panel.top > ul > li:before {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
}
.faq #content > .left > .panel.top > ul > li a {
  display: block;
  line-height: 70px;
}
.faq #content > .left > .panel.top .form-search.icon {
  position: absolute;
  right: 0;
  top: 15px;
  right: 3.508%;
  width: 26.4%;
}
.faq #content > .left > .panel.body {
  padding: 3.508%;
}
.faq #content > .left > .panel.body > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  margin: auto;
  text-align: center;
}
.faq #content > .left > .panel.body > h3 > small {
  font-size: 0.6em;
}
.faq #content > .left > .panel.body > div > div {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #eef2f5;
}
.faq #content > .left > .panel.body > div > div:first-child {
  border: none;
}
.faq #content > .left > .panel.body > div > div > dl {
  float: left;
  width: 47.2%;
  margin-left: 5.6%;
  line-height: 1.8;
}
.faq #content > .left > .panel.body > div > div > dl:first-child {
  margin-left: 0;
}
.faq #content > .left > .panel.body > div > div > dl > dt {
  color: #192028;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.faq #content > .left > .panel.body > div > div > dl > dd {
  margin-top: 15px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.faq #content > .left > .panel.body .searchMatch {
  background-color: #00adef;
  color: #fff;
}
.login #content > .form > div {
  overflow: hidden;
  margin: 105px auto 80px;
}
.login #content > .form > div.form-default {
  width: 80.555%;
}
.login #content > .form > div.form-default .form-item {
  width: 47.413%;
}
.login #content > .form > div.form-default .form-item > h4 {
  margin-bottom: 40px;
  font-size: 63px;
}
.login #content > .form > div.form-default > .right {
  float: right;
  width: 39.655%;
}
.login #content > .form > div.form-default > .right > div {
  overflow: hidden;
  box-sizing: border-box;
  padding: 40px;
}
.login #content > .form > div.form-default > .right > div > p,
.login #content > .form > div.form-default > .right > div dl {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.login #content > .form > div.form-default > .right > div.register p,
.login #content > .form > div.form-default > .right > div.non-member p {
  line-height: 1.6;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.login #content > .form > div.form-default > .right > div.register button,
.login #content > .form > div.form-default > .right > div.non-member button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  border: 1px solid #dcdfe4;
  min-width: 120px;
  margin-top: 20px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.login #content > .form > div.form-default > .right > div.register button:hover,
.login #content > .form > div.form-default > .right > div.non-member button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.login #content > .form > div.form-default > .right > div.register {
  background-color: #fff;
  color: #192028;
}
.login #content > .form > div.form-default > .right > div.register h4 {
  margin-bottom: 20px;
  font-size: 25px;
}
.login #content > .form > div.form-default > .right > div.non-member {
  background-color: #fff;
  color: #192028;
}
.login #content > .form > div.form-default > .right > div.non-member h4 {
  margin-bottom: 10px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.login #content > .form > div.form-default > .right > div.non-member .bt {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #e7e9ed;
}
.login #content > .form > div.form-default > .right > div.call {
  margin-top: 30px;
  background-color: #00adef;
  color: #fff;
}
.login #content > .form > div.form-default > .right > div.call h4 {
  margin-bottom: 10px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.login #content > .form > div.form-default > .right > div.call > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-bottom: 10px;
  font-size: 40px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  line-height: 1;
}
.login #content > .form > div.form-default > .right > div.call > p {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.login #content > .form > div.form-default > .right > div.call dl {
  float: left;
  width: 50%;
  margin-top: 20px;
}
.login #content > .form > div.form-default > .right > div.call dl dt,
.login #content > .form > div.form-default > .right > div.call dl dd {
  float: left;
}
.login #content > .form > div.form-default > .right > div.call dl dd {
  margin-left: 5px;
}
.login #content > .form > div.form-default.form-alliance .form-item .body > button {
  margin-top: 30px;
}
.login #content > .form > div.form-confirm {
  width: 94.444%;
}
.login #content > .form > div.form-confirm .form-item {
  width: 35.294%;
  margin-right: 7.352%;
  margin-left: 7.352%;
}
.login #content > .form > div.form-confirm .form-item .body {
  position: relative;
  padding-bottom: 60px;
}
.login #content > .form > div.form-confirm .form-item .body > button {
  position: absolute;
  bottom: 0;
  left: 0;
}
.login #content > .form .form-item {
  float: left;
}
.login #content > .form .form-item > h4 {
  margin-bottom: 30px;
  font-size: 40px;
}
.login #content > .form .form-item > .body > .wrap-check {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.login #content > .form .form-item > .body > .wrap-check .i-check {
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
}
.login #content > .form .form-item > .body > .wrap-check .i-check:after {
  border: none;
  background-color: #dcdfe4;
}
.login #content > .form .form-item > .body > .wrap-check .i-check.selected:after {
  background-color: #00adef;
}
.login #content > .form .form-item > .body > .wrap-check ul {
  float: right;
  margin-top: 3px;
  margin-right: -20px;
}
.login #content > .form .form-item > .body > .wrap-check ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.login #content > .form .form-item > .body > .wrap-check ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.login #content > .form .form-item > .body > .wrap-check ul > li {
  position: relative;
  padding-right: 20px;
}
.login #content > .form .form-item > .body > .wrap-check ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #dcdfe4;
  opacity: 1;
  filter: alpha(opacity=100);
}
.login #content > .form .form-item > .body > .wrap-check ul > li:last-child:after {
  width: 0;
}
.login #content > .form .form-item > .body > .wrap-check ul a {
  cursor: pointer;
}
.login #content > .form .form-item > .body > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
}
@media (min-width:992px) {
  .login #content > .form .form-item > .body > button {
    min-width: 200px;
  }
}
.login #content > .form .form-item > .body > button:hover {
  background-color: #000;
}
.login #content > .form .form-item > .wrap-social {
  overflow: hidden;
  margin-top: 40px;
}
.login #content > .form .form-item > .wrap-social li {
  float: left;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.login #content > .form .form-item > .wrap-social li button {
  cursor: pointer;
}
.login #content > .form .form-item > .wrap-social li span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.login #content > .form .form-item > .wrap-social li .ico-facebook2:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7.5px 0 0 -4px;
  width: 8px;
  height: 15px;
  background-position: -350px -230px;
}
.login #content > .form .form-item > .wrap-social li .ico-google:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -7.5px;
  width: 15px;
  height: 16px;
  background-position: -360px -230px;
}
.login #content > .form .form-item > .wrap-social li .ico-naver:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5.5px 0 0 -6px;
  width: 12px;
  height: 11px;
  background-position: -380px -230px;
}
.login #content > .form .form-item > .wrap-social li .ico-kakao:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7.5px 0 0 -8px;
  width: 16px;
  height: 15px;
  background-position: -400px -230px;
}
.sideInfoBox {
  overflow: hidden;
}
.sideInfoBox .sideInfoImg {
  position: relative;
  border-radius: 50%;
  background-color: #00adef;
}
.sideInfoBox .sideInfoImg:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.sideInfoBox .sideInfoImg:before {
  width: 26px;
  height: 26px;
  background-position: -340px -60px;
}
.sideInfoBox .sideInfoImg:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
}
.sideInfoBox .dl-wrap {
  overflow: hidden;
  padding: 20px 30px;
}
.sideInfoBox .dl-wrap > dl {
  float: left;
  width: 50%;
  text-align: center;
}
.sideInfoBox .dl-wrap > dl > dd {
  margin-top: 10px;
}
.sideInfoBox .dl-wrap > dl > dd {
  font-size: 25px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  color: #4c5667;
}
.terms #container > .content-wrap,
.privacy #container > .content-wrap {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  box-sizing: border-box;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 3.472%;
}
.terms-wrap {
  line-height: 1.8;
}
.terms-wrap h3,
.terms-wrap h5,
.terms-wrap h6 {
  font-weight: bold;
  color: #000;
}
.terms-wrap h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
}
.terms-wrap h3 > small {
  font-size: 0.6em;
}
.terms-wrap h5 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 10px;
  font-size: 16px;
  margin-top: 40px;
}
.terms-wrap h5 > small {
  font-size: 0.6em;
}
.terms-wrap h6 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 10px;
  font-size: 14px;
  margin-top: 20px;
}
.terms-wrap h6 > small {
  font-size: 0.6em;
}
@media (max-width:991px) {
  .terms-wrap h6.response {
    font-size: 12px;
  }
}
.terms-wrap ol,
.terms-wrap ul,
.terms-wrap p,
.terms-wrap table {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.terms-wrap table {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 20px;
}
.terms-wrap table th,
.terms-wrap table td {
  padding: 20px;
}
.terms-wrap table th {
  border-top: 1px solid #eef2f5;
  border-bottom: 1px solid #eef2f5;
  background-color: #f8fafb;
}
.terms-wrap table td {
  border-bottom: 1px solid #eef2f5;
}
.terms-wrap table th,
.terms-wrap table td {
  min-width: 90px;
  padding: 10px 20px;
}
.terms-wrap table thead th {
  background-color: #f8fafb;
}
.terms-wrap table tbody td {
  position: relative;
  left: -1px;
  border-left: 1px solid #eef2f5;
  vertical-align: top;
}
.terms-wrap table tbody td ul > li {
  position: relative;
  padding-left: 10px;
}
.terms-wrap table tbody td ul > li:before {
  content: '-';
  display: block;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
}
.partners #container > .content-wrap {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}
.partners #container > .content-wrap > div {
  margin-right: -0.5%;
  margin-left: -0.5%;
}
.partners #container > .content-wrap > div > .panel {
  box-sizing: border-box;
  float: left;
  width: 23.9%;
  margin: 10px 0.5%;
}
.partners #container > .content-wrap > div > .panel > div:first-child {
  padding: 7%;
  text-align: center;
}
.partners #container > .content-wrap > div > .panel > div:first-child .img-wrap-responsive {
  width: 70%;
  height: 60px;
  margin: 0 auto 20px;
}
.partners #container > .content-wrap > div > .panel > div:first-child h5 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 10px;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.partners #container > .content-wrap > div > .panel > div:first-child h5 > small {
  font-size: 0.6em;
}
.partners #container > .content-wrap > div > .panel > div:first-child p {
  word-break: break-all;
  color: #868c98;
}
.partners #container > .content-wrap > div > .panel > div:first-child p span {
  display: block;
  margin-top: 5px;
}
.partners #container > .content-wrap > div > .panel .map-wrap {
  height: 200px;
}
body.realprice {
  margin-bottom: -20px;
}
body.realprice > p,
body.realprice > div {
  min-width: 1280px;
  padding-top: 70px;
  padding-bottom: 70px;
}
body.realprice > p {
  background-color: #192028;
  text-align: center;
  font-size: 63px;
  color: #00adef;
}
body.realprice > p span {
  color: #fff;
}
body.realprice .section1,
body.realprice .section2 {
  text-align: center;
}
body.realprice .section1 h3,
body.realprice .section2 h3 {
  font-size: 40px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
body.realprice .section1 img,
body.realprice .section2 img {
  margin: auto;
}
body.realprice .section1 p,
body.realprice .section2 p {
  margin-top: 20px;
  font-size: 16px;
}
body.realprice .section1 p span,
body.realprice .section2 p span {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
body.realprice .section1 {
  background-color: #00adef;
}
body.realprice .section1 h3 {
  color: #fff;
}
body.realprice .section2 {
  background-color: #eef2f5;
}
body.realprice .section3 {
  background-color: #fff;
  color: #192028;
  text-align: center;
}
body.realprice .section3 h3,
body.realprice .section3 p {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: left;
  vertical-align: top;
}
body.realprice .section3 h3 {
  font-size: 25px;
  line-height: 1.4;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  color: #fb435f;
}
body.realprice .section3 p {
  margin-left: 120px;
  font-size: 16px;
  line-height: 1.8;
}
body.realprice .section3 p span {
  display: block;
  margin-bottom: 50px;
  font-size: 25px;
  line-height: 1.4;
}
body.realprice .section3 p em {
  color: #fb435f;
}
.home {
  min-width: 1280px;
  background-color: #fff;
}
.home .btn-gotop {
  display: none !important;
}
.home .floating-ad {
  position: fixed;
  left: 50%;
  bottom: 20px;
  width: 1640px;
  height: 1px;
  margin-left: -820px;
  overflow: visible;
  z-index: 9999;
}
.home .floating-ad > div {
  background-color: #fff;
  position: absolute;
  width: 160px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 23px 20px;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.home .floating-ad > div h5 {
  font-size: 20px;
  margin-bottom: 4px;
  margin-top: 6px;
  color: #2c2c2c;
  text-align: left;
  font-weight: 900;
}
.home .floating-ad > div p {
  width: 100%;
  word-break: break-all;
  font-size: 12px;
  overflow: hidden;
  color: #2c2c2c;
  line-height: 1.4;
}
.home .floating-ad > div > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 95px;
  object-fit: contain;
  margin-bottom: 4px;
}
.home .floating-ad > div:before {
  content: 'AD';
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 13px;
  color: #646464;
  font-weight: 500;
}
.home .navbar .content-wrap {
  width: 1280px;
}
.home .navbar .content-wrap .nav-gnb {
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin-left: 310px;
}
.home .navbar .content-wrap .nav-gnb li {
  margin: 0 22px !important;
}
.home .navbar .content-wrap .nav-gnb li:first-child {
  margin-left: 0 !important;
}
.home #container > .top {
  position: relative;
  height: 470px;
  margin-top: 74px;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}
/* 2021-08-03 leo 추가 */
.search-car .navbar .content-wrap .nav-gnb {
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin-left: 310px;
}
.notice-bar.active ~ #container > .top{
  margin-top:122px;
}


@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.home #container > .top .bannerBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 470px;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.home #container > .top .single-item {
  width: 772px;
  height: 470px;
  margin-left: 308px;
  visibility: hidden;
}
.home #container > .top .single-item .slick-slide {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 470px;
  background-size: 772px 470px !important;
  outline: 0;
}
.home #container > .top .single-item .slick-slide > div {
  position: absolute;
  height: 405px;
  margin-top: 140px;
  padding-left: 450px;
}
@media (min-width:992px) and (max-width: 1679px) {
  .home #container > .top .single-item .slick-slide > div {
    left: 8.3335%;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .single-item .slick-slide > div {
    left: 50%;
    margin-left: -720px;
  }
}
.home #container > .top .single-item .slick-slide > div > span {
  overflow: hidden;
  display: block;
  line-height: 1.4;
  font-size: 20px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.home #container > .top .single-item .slick-slide > div > span small {
  display: block;
}
.home #container > .top .single-item .slick-slide > div h1 {
  font-size: 63px;
  text-transform: uppercase;
  letter-spacing: -2px;
}
.home #container > .top .single-item .slick-slide > div h1 strong {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.home #container > .top .single-item .slick-slide > div p {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 25px;
  font-weight: bold;
  color: #000;
}
.home #container > .top .single-item .slick-slide > div p.text-black {
  color: #192028 !important;
}
.home #container > .top .single-item .slick-slide > div dl {
  display: inline-block;
  *display: inline;
  zoom: 1;
  overflow: hidden;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #868c98;
  border-bottom: 1px solid #868c98;
  line-height: 1.8;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.home #container > .top .single-item .slick-slide > div dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home #container > .top .single-item .slick-slide > div dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.home #container > .top .single-item .slick-slide > div dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.home #container > .top .single-item .slick-slide > div dl dt {
  opacity: 1;
  filter: alpha(opacity=100);
}
.home #container > .top .single-item .slick-slide > div dl dd {
  margin-left: 120px;
}
.home #container > .top .single-item .slick-slide > div button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  left: 370px;
  min-width: 220px;
  padding-left: 15px;
  border: 1px solid #192028;
  background: none;
  text-align: left;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}
.home #container > .top .single-item .slick-slide > div button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.home #container > .top .single-item .slick-slide > div button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home #container > .top .single-item .slick-slide > div button:before {
  width: 6px;
  height: 9px;
  background-position: -100px -40px;
}
.home #container > .top .single-item .slick-slide > div button.dark:before {
  background-position: -100px -50px;
}
.home #container > .top .single-item .slick-slide > div button.white:before {
  background-position: -110px -50px;
}
.home #container > .top .single-item .slick-slide > div button:before {
  background-position: -100px -50px;
}
.home #container > .top .single-item .slick-slide > div button:before {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: 15px;
}
.home #container > .top .single-item .slick-slide > div button:hover {
  background-color: #192028;
  background-color: hsla(212, 23.07692308%, 12.74509804%, 0.5);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80192028, endColorstr=#80192028)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80192028, endColorstr=#80192028);
}
.home #container > .top .single-item .slick-slide > div.dark h1,
.home #container > .top .single-item .slick-slide > div.dark p {
  color: #fff;
}
.home #container > .top .single-item .slick-slide > div.dark button {
  border: 1px solid #fff;
  color: #fff;
}
.home #container > .top .single-item .slick-slide > div.dark button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home #container > .top .single-item .slick-slide > div.dark button:before {
  width: 6px;
  height: 9px;
  background-position: -100px -40px;
}
.home #container > .top .single-item .slick-slide > div.dark button.dark:before {
  background-position: -100px -50px;
}
.home #container > .top .single-item .slick-slide > div.dark button.white:before {
  background-position: -110px -50px;
}
.home #container > .top .single-item .slick-slide > div.dark button:before {
  background-position: -110px -50px !important;
}
.home #container > .top .single-item .slick-slide > div.middle h1 {
  color: #192028;
}
.home #container > .top .single-item .slick-slide img {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  margin-left: 0;
}
.home #container > .top .single-item .slick-slide img.fade {
  margin-left: 250px;
}
.home #container > .top .single-item .slick-prev,
.home #container > .top .single-item .slick-next {
  bottom: 60px;
  border: 1px solid #fff;
  right: 50%;
  margin-right: 45px;
  display: none !important;
}
@media (min-width:992px) and (max-width: 1679px) {
  .home #container > .top .single-item .slick-prev,
  .home #container > .top .single-item .slick-next {
    right: 50%;
    margin-right: -35px;
    display: none !important;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .single-item .slick-prev,
  .home #container > .top .single-item .slick-next {
    right: 50%;
    margin-right: -35px;
    display: none !important;
  }
}
.home #container > .top .single-item .slick-prev:before,
.home #container > .top .single-item .slick-next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 11px;
  margin: -5.5px 0 0 -3.5px;
}
.home #container > .top .single-item .slick-prev:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home #container > .top .single-item .slick-prev:before {
  width: 7px;
  height: 11px;
  background-position: -220px -130px;
}
@media (min-width:992px) and (max-width: 1679px) {
  .home #container > .top .single-item .slick-prev {
    margin-right: 40px;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .single-item .slick-prev {
    margin-right: -680px;
  }
}
.home #container > .top .single-item .slick-next:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home #container > .top .single-item .slick-next:before {
  width: 7px;
  height: 11px;
  background-position: -230px -130px;
}
.home #container > .top .single-item .slick-dots {
  position: absolute;
  overflow: hidden;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
}
.home #container > .top .single-item .slick-dots > li {
  width: auto;
  border-right: 1px solid #fff;
  color: #fff;
  margin: 0;
  line-height: 50px;
  text-align: left;
  opacity: 1;
  filter: alpha(opacity=100);
}
.home #container > .top .single-item .slick-dots > li.slick-active {
  color: #fff;
}
.home #container > .top .single-item .slick-dots > li span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  padding-right: 16px;
  padding-left: 16px;
  height: 15px;
  border-right: 1px solid #c1c2c1;
  line-height: 15px;
  font-size: 16px;
  font-weight: 300;
}
.home #container > .top .single-item .slick-dots > li:last-child span {
  border: none;
}
.home #container > .top .sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 308px;
}
.home #container > .top .sidebar .search-car-input {
  height: 470px;
  border: none;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.home #container > .top .hashSearch {
  position: absolute;
  right: 0;
  top: 0px;
  width: 200px;
  height: 470px;
  background-color: #1f1f1f;
  color: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  padding: 20px;
}
.home #container > .top .hashSearch h2 {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: bold;
}
.home #container > .top .hashSearch p {
  font-size: 16px;
  line-height: 1.25;
  padding-bottom: 8px;
  border-bottom: 2px solid #555555;
}
.home #container > .top .hashSearch ul {
  padding: 20px 0 10px;
}
.home #container > .top .hashSearch ul li {
  height: 38px;
  line-height: 38px;
  border: 1px solid #818181;
  padding-left: 15px;
  margin-bottom: 13px;
  box-sizing: border-box;
  cursor: pointer;
}
.home #container > .top .hashSearch ul li.selected {
  border: 3px solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
  line-height: 32px;
  box-sizing: border-box;
}
.home #container > .top .hashSearch button {
  background-color: #004cb4;
  font-size: 18px;
  width: 160px;
  height: 60px;
  text-align: center;
  cursor: pointer;
}
.home .slick-prev,
.home .slick-next {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 1000;
}
.home .slick-prev:before,
.home .slick-next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 11px;
  margin: -5.5px 0 0 -3.5px;
}
.home .slick-dots > li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 5px;
  border-radius: 10px;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-color: #000 \9;
}
.home .slick-dots > li.slick-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.home .ourservice,
.home .bestseller,
.home .review,
.home .newcar {
  padding-top: 47px;
  padding-bottom: 47px;
  overflow: hidden;
}
.home .ourservice .title,
.home .bestseller .title,
.home .review .title,
.home .newcar .title {
  margin-bottom: 30px;
  text-align: center;
}
.home .ourservice .title > h3,
.home .bestseller .title > h3,
.home .review .title > h3,
.home .newcar .title > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  position: relative;
  margin: auto;
  padding-bottom: 20px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.home .ourservice .title > h3 > small,
.home .bestseller .title > h3 > small,
.home .review .title > h3 > small,
.home .newcar .title > h3 > small {
  font-size: 0.6em;
}
.home .ourservice .title > h3:after,
.home .bestseller .title > h3:after,
.home .review .title > h3:after,
.home .newcar .title > h3:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 2px;
  margin-left: -20px;
  background-color: #00adef;
}
.home .review .title > h3:after {
  display: none;
}
.home .review .title a span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #333;
  margin-left: 8px;
  margin-bottom: -1px;
}
.home .ourservice {
  background-color: #fff;
  color: #192028;
  text-align: center;
}
.home .ourservice ul > li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  border-left: 1px solid #eef2f5;
}
.home .ourservice ul > li:first-child {
  border: none;
}
.home .ourservice ul > li > span {
  display: block;
  height: 80px;
}
.home .ourservice ul > li > h4 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.home .ourservice ul > li > p {
  line-height: 1.8;
}
.home .bestseller .multiple-items,
.home .newcar .multiple-items,
.home .review .multiple-items {
  width: 84.722%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.home .bestseller .multiple-items .slick-slide > a,
.home .newcar .multiple-items .slick-slide > a,
.home .review .multiple-items .slick-slide > a {
  display: block;
}
.home .bestseller .multiple-items .slick-slide > a > div,
.home .newcar .multiple-items .slick-slide > a > div,
.home .review .multiple-items .slick-slide > a > div {
  max-width: 380px;
  margin-right: 1.1%;
  margin-left: 1.1%;
  box-sizing: border-box;
  border: 1px solid #dcdfe4;
  background-color: #fff;
  color: #192028;
}
.home .bestseller .multiple-items .slick-slide > a > div:hover,
.home .newcar .multiple-items .slick-slide > a > div:hover,
.home .review .multiple-items .slick-slide > a > div:hover {
  border: 1px solid #00adef;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.home .bestseller .multiple-items .slick-slide > a > div .text,
.home .newcar .multiple-items .slick-slide > a > div .text,
.home .review .multiple-items .slick-slide > a > div .text {
  padding: 0 25px 25px;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > h4,
.home .newcar .multiple-items .slick-slide > a > div .text > h4,
.home .review .multiple-items .slick-slide > a > div .text > h4 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 16px;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > h4 > small,
.home .newcar .multiple-items .slick-slide > a > div .text > h4 > small,
.home .review .multiple-items .slick-slide > a > div .text > h4 > small {
  font-size: 0.6em;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > p,
.home .newcar .multiple-items .slick-slide > a > div .text > p,
.home .review .multiple-items .slick-slide > a > div .text > p {
  margin-bottom: 20px;
  font-size: 16px;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl,
.home .newcar .multiple-items .slick-slide > a > div .text > dl,
.home .review .multiple-items .slick-slide > a > div .text > dl {
  overflow: hidden;
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl > dt,
.home .newcar .multiple-items .slick-slide > a > div .text > dl > dt,
.home .review .multiple-items .slick-slide > a > div .text > dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl.dt-10 > dt,
.home .newcar .multiple-items .slick-slide > a > div .text > dl.dt-10 > dt,
.home .review .multiple-items .slick-slide > a > div .text > dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl.dt-20 > dt,
.home .newcar .multiple-items .slick-slide > a > div .text > dl.dt-20 > dt,
.home .review .multiple-items .slick-slide > a > div .text > dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl > dd,
.home .newcar .multiple-items .slick-slide > a > div .text > dl > dd,
.home .review .multiple-items .slick-slide > a > div .text > dl > dd {
  float: right;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl > dt,
.home .newcar .multiple-items .slick-slide > a > div .text > dl > dt,
.home .review .multiple-items .slick-slide > a > div .text > dl > dt {
  font-weight: bold;
  color: #000;
  color: #192028;
  opacity: 1;
  filter: alpha(opacity=100);
}
.home .bestseller .multiple-items .slick-slide > a > div .text > dl > dd,
.home .newcar .multiple-items .slick-slide > a > div .text > dl > dd,
.home .review .multiple-items .slick-slide > a > div .text > dl > dd {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home .bestseller .single-item .slick-prev,
.home .newcar .single-item .slick-prev,
.home .review .single-item .slick-prev,
.home .bestseller .multiple-items .slick-prev,
.home .newcar .multiple-items .slick-prev,
.home .review .multiple-items .slick-prev,
.home .bestseller .single-item .slick-next,
.home .newcar .single-item .slick-next,
.home .review .single-item .slick-next,
.home .bestseller .multiple-items .slick-next,
.home .newcar .multiple-items .slick-next,
.home .review .multiple-items .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  border: 1px solid #a7afbb;
  border-radius: 50%;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
  cursor: pointer;
}
.home .bestseller .single-item .slick-prev:before,
.home .newcar .single-item .slick-prev:before,
.home .review .single-item .slick-prev:before,
.home .bestseller .multiple-items .slick-prev:before,
.home .newcar .multiple-items .slick-prev:before,
.home .review .multiple-items .slick-prev:before,
.home .bestseller .single-item .slick-next:before,
.home .newcar .single-item .slick-next:before,
.home .review .single-item .slick-next:before,
.home .bestseller .multiple-items .slick-next:before,
.home .newcar .multiple-items .slick-next:before,
.home .review .multiple-items .slick-next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 18px;
  margin: -9px 0 0 -5px;
}
.home .bestseller .single-item .slick-prev,
.home .newcar .single-item .slick-prev,
.home .review .single-item .slick-prev,
.home .bestseller .multiple-items .slick-prev,
.home .newcar .multiple-items .slick-prev,
.home .review .multiple-items .slick-prev {
  left: -80px;
}
.home .bestseller .single-item .slick-prev:before,
.home .newcar .single-item .slick-prev:before,
.home .review .single-item .slick-prev:before,
.home .bestseller .multiple-items .slick-prev:before,
.home .newcar .multiple-items .slick-prev:before,
.home .review .multiple-items .slick-prev:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home .bestseller .single-item .slick-prev:before,
.home .newcar .single-item .slick-prev:before,
.home .review .single-item .slick-prev:before,
.home .bestseller .multiple-items .slick-prev:before,
.home .newcar .multiple-items .slick-prev:before,
.home .review .multiple-items .slick-prev:before {
  width: 10px;
  height: 18px;
  background-position: -220px -110px;
}
.home .bestseller .single-item .slick-next,
.home .newcar .single-item .slick-next,
.home .review .single-item .slick-next,
.home .bestseller .multiple-items .slick-next,
.home .newcar .multiple-items .slick-next,
.home .review .multiple-items .slick-next {
  right: -70px;
}
.home .bestseller .single-item .slick-next:before,
.home .newcar .single-item .slick-next:before,
.home .review .single-item .slick-next:before,
.home .bestseller .multiple-items .slick-next:before,
.home .newcar .multiple-items .slick-next:before,
.home .review .multiple-items .slick-next:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home .bestseller .single-item .slick-next:before,
.home .newcar .single-item .slick-next:before,
.home .review .single-item .slick-next:before,
.home .bestseller .multiple-items .slick-next:before,
.home .newcar .multiple-items .slick-next:before,
.home .review .multiple-items .slick-next:before {
  width: 10px;
  height: 18px;
  background-position: -230px -110px;
}
.home .bestseller .single-item .slick-dots > li,
.home .newcar .single-item .slick-dots > li,
.home .review .single-item .slick-dots > li,
.home .bestseller .multiple-items .slick-dots > li,
.home .newcar .multiple-items .slick-dots > li,
.home .review .multiple-items .slick-dots > li {
  border: 1px solid #192028;
  background-color: #192028;
}
.home .bestseller .single-item .slick-dots > li.slick-active,
.home .newcar .single-item .slick-dots > li.slick-active,
.home .review .single-item .slick-dots > li.slick-active,
.home .bestseller .multiple-items .slick-dots > li.slick-active,
.home .newcar .multiple-items .slick-dots > li.slick-active,
.home .review .multiple-items .slick-dots > li.slick-active {
  background-color: #192028;
}
.home .bestseller .multiple-items .slick-slide > a > div .img {
  width: 100%;
  height: 290px;
  background-image: url("/static/images/bg-best.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.home .bestseller .multiple-items .slick-slide > a > div .img-wrap-responsive {
  width: 68.4%;
  padding-top: 72%;
  margin: auto;
}
.home .bestseller .multiple-items .slick-slide > a > div .img-wrap-responsive div {
  background-size: contain;
}
.home .bestseller .multiple-items .slick-slide > a > div .text {
  text-align: center;
}
.home .bestseller .multiple-items .slick-slide > a > div .text > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 4px 10px;
  border: 1px solid #00adef;
  border-radius: 12px;
  font-size: 12px;
  color: #00adef;
}
.home .newcar .multiple-items .slick-slide > a > div .img-wrap-responsive {
  width: 100%;
  padding-top: 57.894%;
}
.home .newcar .multiple-items .slick-slide > a > div .img-wrap-responsive div {
  background-size: 380px 220px !important;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div {
  overflow: hidden;
  padding-top: 10px;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div dl {
  overflow: hidden;
  float: left;
  width: 46%;
  margin-left: 8%;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home .newcar .multiple-items .slick-slide > a > div .text > div dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div dl > dd {
  float: right;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div dl:first-child {
  margin-left: 0;
}
.home .newcar .multiple-items .slick-slide > a > div .text > div.top {
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
}
.home .newcar .multiple-items .slick-slide > a > div .text > dl {
  margin-top: 20px;
}
.home .data {
  text-align: center;
  color: #fff;
  position: relative;
  background-color: #2c2c2c;
  padding: 0 120px;
  width: 1280px;
  margin: 10px auto;
  box-sizing: border-box;
}
.home .data > dl {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 19%;
  z-index: 10;
  padding: 20px 0;
}
.home .data > dl dd {
  font-size: 26px;
}
.home .data > dl dt {
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: -1px;
  color: #bebebe;
}
.home .curation {
  height: 516px;
  width: 1280px;
  margin: 0 auto;
}
.home .curation > li {
  float: left;
  width: 24.2%;
  height: 48.5%;
  padding: 26px;
  box-sizing: border-box;
  border: rgba(154, 154, 154, 0.6) solid 1px;
}
.home .curation > li.large {
  position: relative;
  width: 49%;
  height: 100%;
  color: #000;
  text-align: left;
  background-image: url("/static/images/photo-curation1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  /*.bgimg("photo-curation1_1.png");*/
  background-size: 530px;
  cursor: pointer;
  background-position: center bottom 60px;
}
.home .curation > li.large p {
  font-size: 20px;
}
.home .curation > li.large p span {
  color: #3261ff;
  font-weight: 800;
  letter-spacing: -1px;
}
.home .curation > li.large h3 {
  margin-top: 12px;
  line-height: 1.3;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -0.05em;
}
.home .curation > li.large a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 40px;
  margin-top: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  border: none;
  background-color: #3261ff;
  color: #fff;
  padding: 0 30px;
  line-height: 40px;
  font-size: 18px;
}
.home .curation > li.large .img-wrap-responsive {
  width: 82.8125%;
  margin: 40px auto 0;
  padding-top: 35.849%;
}
.home .curation > li.large .img-wrap-responsive div {
  background-size: contain;
}
.home .curation > li.large::before {
  content: '';
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 26px;
  right: 26px;
  /*.bgimg('logo_mosaicar.png');*/
  background-size: 100%;
}
.home .curation > li.small {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-left: 1.3%;
  margin-bottom: 1.2%;
  cursor: pointer;
}
.home .curation > li.small span {
  font-family: '돋움', dotum !important;
  font-size: 16px;
  letter-spacing: -0.1em;
  font-weight: 300;
  color: #000;
}
.home .curation > li.small h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.home .curation > li.small p {
  position: relative;
  color: #00adef;
}
.home .curation > li.small p:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home .curation > li.small p:before {
  width: 16px;
  height: 16px;
  background-position: -220px -150px;
}
.home .curation > li.small p:before {
  margin-right: 5px;
}
.home .curation > li.small .img-wrap {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.home .curation > li:hover {
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.16);
  border: 1px solid #000;
}
.home .review {
  background-color: #fff;
  color: #192028;
  padding-top: 70px;
  padding-bottom: 70px;
}
.home .review .single-item {
  /* width:86.111%; */
  width: 1280px;
  margin: auto;
  padding-bottom: 20px;
}
.home .review .single-item .slick-prev,
.home .review .single-item .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -35px;
}
.home .review .single-item .slick-slide > ul {
  margin: auto;
}
.home .review .single-item .slick-slide > ul > li {
  overflow: hidden;
  float: left;
  width: 49%;
  margin: 0.5%;
  box-sizing: border-box;
  padding: 30px 3.225%;
  border: 1px solid #eef2f5;
}
.home .review .single-item .slick-slide > ul > li .img-wrap-responsive {
  float: left;
  width: 70px;
  padding-top: 70px;
}
.home .review .single-item .slick-slide > ul > li .img-wrap-responsive div {
  background-size: contain;
}
.home .review .single-item .slick-slide > ul > li > .right {
  position: relative;
  padding-left: 90px;
}
.home .review .single-item .slick-slide > ul > li > .right h6 {
  margin-top: 15px;
  font-weight: bold;
  color: #000;
}
.home .review .single-item .slick-slide > ul > li > .right .text {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 10px;
  font-size: 12px;
  font-family: '돋움', dotum;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home .review .single-item .slick-slide > ul > li > .right .ico-star {
  position: absolute;
  right: 0;
  zoom: 85%;
}
.home .review .single-item .slick-slide > ul > li > .right .ico-star2 {
  width: 80px;
  background-position: -160px -40px;
  background-image: url(../images/img-sprite_re.png) !important;
}
.home .review .single-item .slick-slide > ul > li > .right .ico-star2 span {
  background-position: -160px -52px;
  background-image: url(../images/img-sprite_re.png) !important;
}
.home .review .single-item .slick-slide > ul > li > .right p {
  overflow: hidden;
  display: -webkit-box;
  height: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
  font-size: 12px;
  line-height: 1.8;
  text-overflow: ellipsis;
  font-family: '돋움', dotum;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.home .review .single-item .slick-slide > ul > li > .right ul {
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #868c98;
}
.home .review .single-item .slick-slide > ul > li > .right ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.home .review .single-item .slick-slide > ul > li > .right ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.home .review .single-item .slick-slide > ul > li > .right ul > li {
  position: relative;
  padding-right: 20px;
}
.home .review .single-item .slick-slide > ul > li > .right ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #eef2f5;
  opacity: 1;
  filter: alpha(opacity=100);
}
.home .review .single-item .slick-slide > ul > li > .right ul > li:last-child:after {
  width: 0;
}
@media (min-width: 992px) and (max-width: 1679px) {
  .home #container > .top .single-item .slick-dots {
    right: 50%;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .single-item .slick-dots {
    right: 50%;
  }
}
.home .review .single-item .slick-slide > ul > li > .right ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #d2d2d2;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* 0531 nhs start */
.home #container > .top .single-item .slick-slide {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 470px;
  background-size: 772px 470px;
}
.home #container > .top .single-item .slick-slide .mainPassWrap {
  position: relative;
  height: 440px;
  min-width: 1200px;
  max-width: 1440px;
  left: 0;
  background-color: #00adef;
  margin: 0 auto;
  padding: 0;
  padding-top: 100px;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div {
  position: relative;
  min-width: 1440px;
  height: 332px;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a {
  display: block;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapImg {
  position: relative;
  width: 452px;
  height: 332px;
  background-color: #ffff00;
  margin-left: 493px;
  margin-right: 75px;
  float: left;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapImg:before {
  position: absolute;
  top: 0;
  right: -35px;
  content: '';
  width: 1px;
  height: 282px;
  background-color: #4dc6f4;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapImg > div {
  background-image: url('/static/images/pass/pass08_01.jpg');
  width: 452px;
  height: 332px;
  float: right;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapText {
  width: 420px;
  height: 332px;
  background-color: transparent;
  float: right;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapText .yellowPoint {
  color: #fff11a;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapText > div:first-child {
  width: 320px;
  text-align: center;
  background-color: #fff11a;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 25px 0px;
  margin-bottom: 30px;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapText > div:first-child > p {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 12px;
  font-size: 35px;
  font-weight: 900;
  font-family: 'NanumSquare-ExtraBold';
  letter-spacing: -2px;
  text-align: center;
  color: #00adef;
}
.home #container > .top .single-item .slick-slide .mainPassWrap > div > a > div.mainPassWrapText > div:last-child > p {
  width: 320px;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  font-family: 'NanumSquare';
  padding: 0;
  line-height: 1.4;
  letter-spacing: -1.5px;
  text-align: center;
}
/* 0531 nhs end */

.notice-bar{
  display:none;
  width:100%;
  height:48px;
  position:fixed;
  background:#fff;
  top:0;
  left:0;
  z-index:100;
}
.notice-bar.active{
  display:block;
}
.notice-bar .notice-bar__inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:1280px;
  height:100%;
  margin:0 auto;
}
.carousel--notice{
  display:flex;
  width:100%;
  align-items:center;
}

.notice-bar .notice-bar__inner .carousel__container--notice{
  height:100%;
  width:auto;
  max-width:850px;
  margin-left:8px;
}
.carousel--notice .carousel__item{
  height:48px;
  display:flex;
  align-items: center;
}
.notice-bar .notice-bar--right{
  display:flex;
  align-items: center;
  height:100%;
}
.notice-bar .notice-bar--right .btn-close{
  width:12px;
  height:12px;
  padding:4px;
  box-sizing:content-box;
  cursor:pointer
}
.notice-bar .notice-bar--right .btn-close img{
  width:100%;
}
.notice-bar .notice-bar__content{
  display:flex;
  align-items:center;
  font-size:13px;
}
.notice-bar .notice-bar__content .carousel__item--index{
  display:block;
  margin-left:5px;
}
.notice-bar .badge{
  display:inline-block;
  height:24px;
  padding:0 12px;
  line-height:24px;
  border-radius:12px;
  overflow:hidden;
  text-align:center;
  font-size:10px;
}
.notice-bar .badge.notice{
  background:#00adef;
  color:#fff;
  min-width:19px;
}
.notice-bar .notice-txt{
  white-space: nowrap;
}
.notice-bar .badge + .notice-txt{
  margin-left:6px;
}
.notice-bar .input-group--close{
  display:flex;
  align-items:center;
}
.notice-bar .input-group--close + .btn-close{
  margin-left:10px;
}
.notice-bar .input-group--close label{
  white-space:nowrap;
  display:flex;
  align-items:center;
  font-size:12px;
  color:#454545;
  user-select:none;
}
.notice-bar .input-group--close input{
  display:none;
}
.notice-bar .input-group--close input + label::before{
  content:'';
  display:block;
  width:16px;
  height:16px;
  margin-right:8px;
  box-sizing:border-box;
  border:1px solid #adadad;
}
.notice-bar .input-group--close input:checked + label::before{
  border:5px solid #00adef;
}
.carousel--notice .carousel__btn-group{
  background:#f2f2f2;
  display:flex;
  justify-content:center;
  align-items:center;
  width:49px;
  height:24px;
  border-radius:12px;
}
.carousel--notice .carousel__btn-group::before{
  content:'';
  display:block;
  width:1px;
  height:8px;
  background:#454545;

}
.carousel__container--notice .slick-prev,
.carousel__container--notice .slick-next{
  position:absolute;
  width:24px;
  height:24px;
}
.carousel__container--notice .slick-prev{
  top:50%;
  left:-57px;
  transform:translateY(-50%);
}
.carousel__container--notice .slick-next{
  top:50%;
  left:-32px;
  transform:translateY(-50%);
}
.carousel__container--notice .slick-prev::before {
  content:'';
  display:block;
  position:absolute;
  top:14px;
  left:16px;
  width:5px;
  height:5px;
  background:transparent;
  border-width:0 0 1px 1px;
  border-color:#454545;
  border-style:solid;
  transform:rotate(45deg);
}
.carousel__container--notice .slick-next::before {
  content:'';
  display:block;
  position:absolute;
  top:14px;
  left:10px;
  width:5px;
  height:5px;
  background:transparent;
  border-width:1px 1px 0 0;
  border-color:#454545;
  border-style:solid;
  transform:rotate(45deg);
}

.modal .modal-body {
  background-color: #eef2f5;
}
.modal.receipt .modal-dialog {
  width: 580px;
}
.modal.receipt .modal-body {
  width: 520px;
  padding: 30px;
}
.modal.change {
  background-color: #eef2f5;
}
.modal.change .modal-dialog {
  width: 75%;
}
.modal.change .modal-header .close:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.modal.change .modal-header .close:before {
  width: 30px;
  height: 30px;
  background-position: -150px -30px;
}
.modal.change .reserStartcalendar > dl > dd,
.modal.change .reserEndcalendar > dl > dd {
  text-align: center;
}
.modal.change .reserStartcalendar > dl > dd > *,
.modal.change .reserEndcalendar > dl > dd > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.modal.change .reserStartcalendar > dl > dd > button,
.modal.change .reserEndcalendar > dl > dd > button {
  overflow: hidden;
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #a7afbb;
  color: transparent;
  text-shadow: none;
  text-indent: -9999px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.modal.change .reserStartcalendar > dl > dd > button.on,
.modal.change .reserEndcalendar > dl > dd > button.on {
  border: 1px solid #a7afbb;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.change .reserStartcalendar > dl > dd > button:before,
.modal.change .reserEndcalendar > dl > dd > button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 9px;
  margin: -4.5px 0 0 -3px;
}
.modal.change .reserStartcalendar > dl > dd .ico-prev:before,
.modal.change .reserEndcalendar > dl > dd .ico-prev:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.modal.change .reserStartcalendar > dl > dd .ico-prev:before,
.modal.change .reserEndcalendar > dl > dd .ico-prev:before {
  width: 6px;
  height: 9px;
  background-position: -100px -30px;
}
.modal.change .reserStartcalendar > dl > dd .ico-next:before,
.modal.change .reserEndcalendar > dl > dd .ico-next:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.modal.change .reserStartcalendar > dl > dd .ico-next:before,
.modal.change .reserEndcalendar > dl > dd .ico-next:before {
  width: 6px;
  height: 9px;
  background-position: -100px -40px;
}
.modal.change .reserStartcalendar > dl > dd .ico-next.dark:before,
.modal.change .reserEndcalendar > dl > dd .ico-next.dark:before {
  background-position: -100px -50px;
}
.modal.change .reserStartcalendar > dl > dd .ico-next.white:before,
.modal.change .reserEndcalendar > dl > dd .ico-next.white:before {
  background-position: -110px -50px;
}
.modal.change .calendar {
  overflow: hidden;
  width: 260px;
  margin-right: 14px;
  margin-left: 14px;
  text-align: center;
}
.modal.change .calendar > table th,
.modal.change .calendar > table td {
  text-align: center;
}
.modal.cancel .modal-dialog {
  width: 460px;
}
.modal.cancel .modal-body {
  width: 400px;
  padding: 30px;
}
.modal.member .modal-dialog {
  width: 360px;
}
.modal.member .modal-body {
  padding: 40px;
  text-align: center;
  background-color: #fff;
  color: #192028;
}
.modal.member .modal-body > h4,
.modal.member .modal-body > p {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.modal.member .modal-body > h4 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}
.modal.member .modal-body > div {
  margin-top: 30px;
  text-align: center;
}
.modal.member .modal-body > div a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  width: 80px;
  margin-right: 5px;
  margin-left: 5px;
}
.modal.member .modal-body > div a:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.modal.member .modal-body > div a:first-child {
  border: 1px solid #00adef;
  background-color: #00adef;
  color: #fff;
}
.modal.member .modal-body > div a:first-child:hover {
  border-color: #00adef;
  background-color: #000;
}
.modal.register .modal-dialog {
  width: 310px;
}
.modal.register .modal-body {
  padding: 40px;
  background-color: #fff;
  color: #192028;
}
.modal.register .modal-body > h4 {
  margin-bottom: 20px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.modal.register .modal-body > ul li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.modal.register .modal-body > ul li button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  width: 100%;
  text-align: left;
}
.modal.register .modal-body > ul li button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.modal.register .modal-body > ul li button span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
}
.modal.register .modal-body > ul li button .ico-facebook2:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6.5px 0 0 -3.5px;
  width: 7px;
  height: 13px;
  background-position: -370px -200px;
}
.modal.register .modal-body > ul li button .ico-google:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10.5px 0 0 -10px;
  width: 20px;
  height: 21px;
  background-position: -380px -200px;
}
.modal.register .modal-body > ul li button .ico-naver:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4.5px 0 0 -5px;
  width: 10px;
  height: 9px;
  background-position: -400px -200px;
}
.modal.register .modal-body > ul li button .ico-kakao:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6.5px;
  width: 13px;
  height: 12px;
  background-position: -410px -200px;
}
.modal.review .modal-dialog {
  width: 950px;
}
.modal.review .modal-body {
  width: 890px;
  padding: 30px;
}
.modal.review .review-list {
  margin-top: 20px;
  background-color: #fff;
  color: #192028;
}
.modal.secession .modal-dialog,
.modal.idpw .modal-dialog {
  width: 460px;
}
.modal.secession .modal-body,
.modal.idpw .modal-body {
  width: 420px;
  padding: 30px;
}
.modal.rule-price .modal-dialog {
  width: 460px;
}
.modal.rule-price .modal-body {
  width: 400px;
  padding: 30px;
  background-color: #fff;
  color: #192028;
}
.modal.rule-price .modal-body > h4 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.modal.rule-price .modal-body > h4 > small {
  font-size: 0.6em;
}
.modal.rule-price .modal-body > div {
  padding-bottom: 20px;
  border-top: 1px solid #dcdfe4;
  border-bottom: 1px solid #dcdfe4;
}
.modal.rule-price .modal-body > div > dl {
  overflow: hidden;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef2f5;
  line-height: 1.6;
}
.modal.rule-price .modal-body > div > dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal.rule-price .modal-body > div > dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.modal.rule-price .modal-body > div > dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.modal.rule-price .modal-body > div > dl:first-child {
  padding-top: 0;
  border: none;
}
.modal.rule-price .modal-body > div > dl > dt {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.rule-price .modal-body > div > dl > dt span {
  display: block;
}
.modal.rule-price .modal-body > div > dl > dd {
  padding-left: 90px;
  color: #3c4452;
}
.modal.rule-price .modal-body > div > dl > dd span {
  color: #fb435f;
}
.modal.rule-price .modal-body > ul {
  line-height: 1.8;
  margin-top: 20px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.modal.rule-price .modal-body > ul > li {
  position: relative;
  padding-left: 10px;
}
.modal.rule-price .modal-body > ul > li:before {
  content: '*';
  display: block;
  float: left;
  position: absolute;
  top: 2px;
  left: 0;
  width: 6px;
  height: 6px;
  color: #00adef;
}
.modal.rule-price .modal-body > label {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
  font-size: 12px;
  font-family: '돋움', dotum;
  font-weight: bold;
  color: #000;
}
.modal.rule-price .modal-body > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
  display: block;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}
.modal.rule-price .modal-body > button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
@media (min-width:992px) {
  .modal.rule-price .modal-body > button {
    min-width: 200px;
  }
}
.modal.rule-price .modal-body > button:hover {
  background-color: #000;
}
.modal.coupon .modal-dialog {
  width: 55.625%;
  min-width: 940px;
}
.modal.coupon .modal-body {
  padding: 40px 4.681%;
  border-radius: 5px;
}
.modal.coupon .modal-body > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdfe4;
}
.modal.coupon .modal-body > h3 > small {
  font-size: 0.6em;
}
.modal.coupon .modal-body > h3 small {
  margin-left: 10px;
  font-size: 14px;
  color: #868c98;
}
.modal.coupon .form .form-item {
  margin-top: 10px;
  margin-bottom: 20px;
}
.modal.coupon .form .form-item button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  border: 1px solid #dcdfe4;
  width: 98%;
  margin-top: 15px;
}
.modal.coupon .form .form-item button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.modal.coupon .form .form-item button.selected {
  border: none;
  background-color: #00adef;
  color: #fff;
}
.modal.coupon .form .form-item button.selected:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.modal.coupon .form .form-item button.selected:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.modal.coupon .form .form-item button.selected:before {
  margin-right: 5px;
}
.modal.coupon .form .btn-wrap {
  width: 100%;
  padding-top: 30px;
  border-top: 1px solid #dcdfe4;
  text-align: center;
}
.modal.coupon .form .btn-wrap button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
}
.modal.coupon .form .btn-wrap button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
@media (min-width:992px) {
  .modal.coupon .form .btn-wrap button {
    min-width: 200px;
  }
}
.modal.coupon .form .btn-wrap button:hover {
  background-color: #000;
}
.popup {
  position: fixed;
  top: 30px;
  left: 30px;
  width: 300px;
  background-color: #fff;
  color: #192028;
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
  z-index: 1030;
}
.popup .notice {
  padding: 30px;
}
.popup .notice h3,
.popup .notice dl {
  color: #192028;
}
.popup .notice h3 {
  font-size: 20px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
  letter-spacing: -1px;
}
.popup .notice p,
.popup .notice dl,
.popup .notice ul {
  line-height: 1.8;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.popup .notice p,
.popup .notice ul {
  color: #717886;
}
.popup .notice p {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef2f5;
}
.popup .notice dl {
  overflow: hidden;
}
.popup .notice dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.popup .notice dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.popup .notice dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.popup .notice dl dd {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 5px;
}
.popup .notice ul {
  line-height: 1.8;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef2f5;
}
.popup .notice ul > li {
  position: relative;
  padding-left: 10px;
}
.popup .notice ul > li:before {
  content: '*';
  display: block;
  float: left;
  position: absolute;
  top: 2px;
  left: 0;
  width: 6px;
  height: 6px;
  color: #00adef;
}
.popup .btn-wrap {
  height: 40px;
}
.popup .btn-wrap button {
  float: left;
  width: 50%;
  height: 100%;
  background-color: #192028;
  line-height: 40px;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #fff;
  cursor: pointer;
}
.popup .btn-wrap button:first-child {
  border-right: 1px solid #4c5667;
}
.tooltip_templates {
  display: none;
}
.tooltipster-box {
  max-width: 95%;
  margin: auto;
  border-radius: 0 !important;
}
.tooltipster-content {
  padding: 15px !important;
}
.tooltipster-content > div {
  font-size: 12px;
  font-family: '돋움', dotum;
}
.tooltipster-content > div > h4 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
  color: #fff;
}
.tooltipster-content > div > p {
  line-height: 1.6;
}
.tooltipster-content .tooltip-insurance-guide {
  color: #fff;
}
.tooltipster-content .tooltip-insurance-guide h4 {
  margin-bottom: 20px;
}
.tooltipster-content .tooltip-insurance-guide h5 {
  margin-top: 15px;
  font-weight: bold;
  color: #000;
}
.tooltipster-content .tooltip-insurance-guide p {
  line-height: 1.8;
}
.tooltipster-content .tooltip-insurance-guide > p {
  margin-top: 15px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tooltipster-content .tooltip-insurance-guide > .btn-wrap {
  margin-top: 15px;
  text-align: center;
}
.tooltipster-content .tooltip-insurance-guide > .btn-wrap a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  background: none;
  color: #fff;
}
.tooltipster-content .tooltip-insurance-guide > .btn-wrap a:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.tooltipster-content .insurance-detail dl,
.tooltipster-content .price-detail dl {
  overflow: hidden;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #4c5667;
  line-height: 1.8;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.tooltipster-content .insurance-detail dl > dt,
.tooltipster-content .price-detail dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tooltipster-content .insurance-detail dl.dt-10 > dt,
.tooltipster-content .price-detail dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.tooltipster-content .insurance-detail dl.dt-20 > dt,
.tooltipster-content .price-detail dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.tooltipster-content .insurance-detail dl:first-child,
.tooltipster-content .price-detail dl:first-child {
  margin-top: 0;
  border: none;
}
.tooltipster-content .insurance-detail dl dd,
.tooltipster-content .price-detail dl dd {
  margin-left: 75px;
}
.tooltipster-content [id^='tooltip-carePlus'] {
  line-height: 1.4;
  text-align: center;
}
.tooltipList li {
  list-style-image: url(/static/images/ico-chkList.png);
  margin-left: 28px;
  line-height: 1.5;
}
.btn-tooltip-black {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  border: 1px solid #192028;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  color: #192028;
}
.home #container .popover,
.search-car #container .popover {
  padding: 0 20px 20px;
  border: none;
  background: #192028;
}
@media (max-width: 1460px) {
  .home #container .popover,
  .search-car #container .popover {
    width: 932px;
  }
}
@media (min-width: 1461px) {
  .home #container .popover,
  .search-car #container .popover {
    width: 932px;
  }
}
.home #container .popover.right,
.search-car #container .popover.right {
  margin-left: 20px !important;
}
.home #container .popover {
  top: 0px !important;
}
/* 2018.12.27 add */
.home #container > .top .single-item .slick-slide > div.dark h1,
.home #container > .top .single-item .slick-slide > div.dark p {
  color: #fff;
  line-height: 1;
}
.home #container > .top .single-item .slick-slide > div.dark h1 span.blackColor {
  color: #333;
  font-weight: bold;
  letter-spacing: -2px;
}
.home #container > .top .single-item .slick-slide > div.dark p.blackColor {
  color: #313847;
  font-weight: bold;
  letter-spacing: -2px;
}
.home #container > .top .single-item .slick-slide > div.dark h1 span.blueColor {
  color: #00adef;
  font-weight: bold;
  letter-spacing: -2px;
}
/* 2018.12.27 add (end) */
.search-car #container .popover {
  top: 213px !important;
}
.popover {
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.popover .popover-title {
  font-weight: bold;
  color: #000;
}
.popover .pop-select-date {
  margin: -15px;
  border: none;
}
.popover .pop-select-date .nav-tab > ul {
  margin-top: 20px;
  margin-bottom: 20px;
}
.popover .pop-select-date .nav-tab > ul > li:after {
  width: 0;
}
.popover .pop-select-date .date,
.popover .pop-select-date .time {
  overflow: hidden;
  height: 294px;
  box-sizing: border-box;
  border-top: 1px solid #3c4452;
  border-bottom: 1px solid #3c4452;
}
.popover .pop-select-date .date {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.popover .pop-select-date .date .calendar {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 23%;
  margin-right: 14px;
  margin-left: 14px;
  vertical-align: top;
  text-align: center;
  color: #fff;
}
.popover .pop-select-date .date .calendar .header h3 {
  color: #fff;
}
.popover .pop-select-date .date > button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 36px;
  height: 36px;
  vertical-align: top;
  margin-top: 100px;
  border-radius: 50%;
  border: 1px solid #a7afbb;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: pointer;
}
.popover .pop-select-date .date > button.on {
  border: 1px solid #a7afbb;
  opacity: 1;
  filter: alpha(opacity=100);
}
.popover .pop-select-date .date .ico-prev:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.popover .pop-select-date .date .ico-prev:before {
  width: 6px;
  height: 9px;
  background-position: -100px -30px;
}
.popover .pop-select-date .date .ico-next:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.popover .pop-select-date .date .ico-next:before {
  width: 6px;
  height: 9px;
  background-position: -100px -40px;
}
.popover .pop-select-date .date .ico-next.dark:before {
  background-position: -100px -50px;
}
.popover .pop-select-date .date .ico-next.white:before {
  background-position: -110px -50px;
}
.popover .pop-select-date .time > dl {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 30px 4.863%;
  color: #fff;
}
.popover .pop-select-date .time > dl:first-child {
  border-right: 1px solid #3c4452;
}
.popover .pop-select-date .time > dl > dt {
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
  color: #fff;
}
.popover .pop-select-date .time > dl > dt:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.popover .pop-select-date .time > dl > dt:before {
  width: 16px;
  height: 16px;
  background-position: -320px -60px;
}
.popover .pop-select-date .time > dl > dt:before {
  margin-right: 10px;
}
.popover .pop-select-date .time > dl > dd {
  padding-top: 15px;
  border-top: 1px solid #3c4452;
}
.popover .pop-select-date .time > dl > dd span {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}
.popover .pop-select-date .time > dl > dd span small {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 5px;
  font-size: 14px;
}
.popover .pop-select-date .time > dl > dd select {
  border: none;
  background-color: #3c4452;
  color: #fff;
}
.popover .pop-select-date .time > div {
  clear: both;
  display: block;
  border-top: 1px solid #3c4452;
  text-align: center;
  color: #eef2f5;
}
.popover .pop-select-date .time > div p {
  padding-top: 40px;
}
.popover .pop-select-date .time > div p span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 2px solid #00adef;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  color: #00adef;
}
.popover .pop-select-date .btn-wrap {
  width: 100%;
  padding-top: 20px;
  text-align: center;
}
.popover .pop-select-date .btn-wrap button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-sizing: border-box;
  border-radius: 0;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #eef2f5;
  background-color: #fff;
  color: #192028;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  border: 1px solid #4c5667;
  background: none;
  color: #fff;
}
.popover .pop-select-date .btn-wrap button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
@media (min-width:992px) {
  .popover .pop-select-date .btn-wrap button {
    min-width: 120px !important;
  }
}
.popover .pop-select-date .btn-wrap button.next {
  border: 1px solid #00adef;
  background-color: #00adef;
  color: #fff;
}
.popover .pop-select-date .btn-wrap button.next:hover {
  border-color: #00adef;
  background-color: #000;
}
.bubble,
.toast {
  position: fixed;
  font-size: 12px;
  font-family: '돋움', dotum;
  line-height: 1.4;
  z-index: 1030;
}
.bubble {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  bottom: 0;
  width: 240px;
  box-sizing: border-box;
  padding: 30px;
  background-color: #00adef;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
}
@media (max-width:991px) {
  .bubble {
    left: 20px;
  }
}
@media (min-width:992px) {
  .bubble {
    left: 40px;
  }
}
.bubble div {
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #192028;
  text-align: center;
}
.bubble div span {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.bubble button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.bubble button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.bubble button:before {
  width: 8px;
  height: 8px;
  background-position: -140px -40px;
}
.bubble:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #00adef transparent transparent transparent;
}
.toast {
  right: 0;
  bottom: 0;
}
.toast.affix-bottom {
  position: absolute;
}
.toast.reposition {
  bottom: 60px;
}
.toast > li {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  width: 200px;
  margin-top: 20px;
  background-color: #fff;
  color: #192028;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.toast > li div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  background-color: #00adef;
}
.toast > li p {
  box-sizing: border-box;
  padding: 20px 15px 20px 65px;
}
.toast > li p span {
  font-weight: bold;
  color: #000;
  color: #00adef;
}
.toast > li.toast-date div:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.toast > li.toast-date div:before {
  width: 22px;
  height: 22px;
  background-position: -330px -30px;
}
.toast > li.toast-date div:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
}
.toast > li.toast-people div:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.toast > li.toast-people div:before {
  width: 23px;
  height: 23px;
  background-position: -360px -30px;
}
.toast > li.toast-people div:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 23px;
  margin: -11.5px 0 0 -11.5px;
}
.toast > .toast-coupon div {
  background-color: #f65757;
}
.toast > .toast-coupon p .or-txt {
  color: #f65757;
}
.toast > .toast-coupon .toast-close {
  width: 11px;
  height: 11px;
  position: absolute;
  display: block;
  right: 6px;
  top: 6px;
  background: url("/static/images/img-toast-close.png") no-repeat;
  background-size: 11px;
}
.toast > li.toast-coupon div:before {
  content: '';
  *display: inline;
  zoom: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 20px;
  margin: -10px 0 0 -15px;
  background-image: url("/static/images/img-coupon.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 30px;
  vertical-align: middle;
}
.loading-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 70px;
  text-align: center;
}
.loading-wrap h3 {
  font-size: 40px;
}
.loading-wrap h3 span {
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.loading-wrap ul {
  margin: 200px auto 0;
}
.loading-wrap ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 27.522%;
  border-left: 1px solid #dcdfe4;
  font-size: 16px;
  vertical-align: bottom;
}
.loading-wrap ul li:first-child {
  border: none;
}
.loading-wrap ul li:before {
  display: block;
  margin: 0 auto 30px;
}
.reserv.write .loading-wrap {
  height: 460px;
}
.reserv.write .loading-wrap h3 {
  margin-top: 180px;
  font-size: 25px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.reserv.write .loading-wrap > p {
  margin-top: 15px;
  font-size: 20px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.check-system .navbar {
  position: relative;
  height: 90px;
}
.check-system .navbar-brand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 169px;
  height: 20px;
  margin: -10px 0 0 -84.5px;
}
.check-system > .body > div {
  position: absolute;
  top: 50%;
  margin-top: -150px;
  width: 100%;
}
.check-system > .body > div > h3,
.check-system > .body > div > p {
  position: relative;
  left: 100px;
  width: 580px;
  margin: auto;
}
.check-system > .body > div > h3 {
  font-size: 63px;
  letter-spacing: -1px;
}
.check-system > .body > div > h3:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.check-system > .body > div > h3:before {
  width: 150px;
  height: 160px;
  background-position: -60px -190px;
}
.check-system > .body > div > h3 span {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.check-system > .body > div > h3:before {
  position: absolute;
  left: -200px;
}
.check-system > .body > div > p {
  margin-top: 20px;
  line-height: 1.8;
}
.check-system > .body > div > div {
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #00adef;
  color: #fff;
  line-height: 1.8;
}
.check-system > .body > div > div dl {
  overflow: hidden;
  position: relative;
  left: 100px;
  width: 580px;
  margin: auto;
}
.check-system > .body > div > div dl > dt {
  clear: both;
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.check-system > .body > div > div dl.dt-10 > dt {
  width: 10%;
  min-width: 80px;
}
.check-system > .body > div > div dl.dt-20 > dt {
  width: 20%;
  min-width: 120px;
}
.check-system > .body > div > div dl dt {
  width: 70px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.check-system > .body > div > div dl dd {
  overflow: hidden;
}
.check-system > .body > div > div dl dd span {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.table-row th[scope=row] {
  width: 80px;
  background-color: #eef2f5;
  vertical-align: top;
  padding-left: 10px;
}
.date-wrap:before {
  content: '';
  background-image: url(/static/images/img-sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 40%;
  left: 45%;
  margin: -3px 0px 0px 0px;
  z-index: 10;
}
.date-wrap:before {
  width: 5px;
  height: 8px;
  background-position: -50px -50px;
}
.date-wrap:after {
  position: absolute;
  top: 40%;
  left: 45%;
  margin: -15px 0 0 -15px;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #00adef;
  border-radius: 50%;
}
.shorterm.list #content > .selected1 {
  position: fixed;
  width: 100%;
  height: 87px;
  box-sizing: border-box;
  background-color: #4c5667;
  z-index: 1000;
}
.shorterm.list #content > .selected2 {
  position: relative;
  margin-top: 86px;
  padding-top: 8px;
  padding-bottom: 10px;
  background-color: #4c5667;
  border-top: 2px solid #5e6776;
}
.shorterm.list #content > .selected2 ul {
  font-size: 12px;
  text-align: left;
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=50);
}
.shorterm.list2 #content > .top,
.review.list2 #content > .top,
.shorterm.view #content > .top,
.review.view #content > .top,
.shorterm.complete #content > .top,
.review.complete #content > .top {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  background-color: #00adef;
  color: #fff;
  text-align: center;
}
.shorterm.view #content .top > p,
.review.view #content .top > p {
  display: inline-block;
  margin: auto;
  padding: 6px 10px;
  font-size: 12px;
  border: 1px solid #fff11a;
  color: #fff11a;
  margin-top: 10px;
  border-radius: 5px;
}
.shorterm.view #content .top .review-wrap a,
.review.view #content .top .review-wrap a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-decoration: none;
  opacity: 1;
  font-family: "나눔바른고딕";
}
.shorterm.view #content .top .review-wrap > ul,
.review.view #content .top .review-wrap > ul {
  width: 60%;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}
.shorterm.view #content .top .review-wrap > ul > li:not(:first-child),
.review.view #content .top .review-wrap > ul > li:not(:first-child) {
  border-left: 1px solid #4dc6f4;
}
.shorterm.view #content .top .review-wrap > ul > li dt,
.review.view #content .top .review-wrap > ul > li dt {
  filter: alpha(opacity=50);
  opacity: 1;
}
.shorterm.view #content .top .review-wrap > ul > li dd,
.review.view #content .top .review-wrap > ul > li dd {
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  font-family: "나눔바른고딕";
}
.reserv.view #content .img-wrap-responsive {
  position: absolute;
  left: 50%;
  margin-left: -83px;
  top: 225px;
  width: 166px;
  padding-top: 87px;
  z-index: 100;
}
.reserv.view #content .panel.price-plan .btn-tooltip,
.reserv.view #content .panel.price-plan-alliance .btn-tooltip {
  position: absolute;
  right: 5px;
}
.reserv.view #content .panel.price-plan .nav-tabs > li > a {
  display: block;
  position: relative;
  padding-top: 30px;
  padding-bottom: 15px;
  vertical-align: middle;
  font-weight: bold;
  background-color: #4c5667;
  /* 20190418 추가 */
}
.reserv.view #content .panel.price-plan .nav-tabs > li > a > span {
  display: inline-block;
  font-weight: normal;
}
.reserv.view #content .panel.price-plan .nav-tabs > li.selected a {
  background-color: #192028;
  -webkit-box-shadow: 5px 5px 5px rgba(27, 36, 52, 0.1);
  box-shadow: 5px 5px 5px rgba(27, 36, 52, 0.1);
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  background-color: #4c5667;
}
.reserv.view #content .panel.price-plan .tab-content > div > div > dl > dt {
  color: #868c98;
  font-size: 12px;
  color: #4c5667;
  font-family: "나눔바른고딕";
}
.reserv.view #content .panel.price-plan .tab-content > div > div > dl > dd {
  margin-top: 10px;
  color: #4c5667;
  font-family: "나눔바른고딕";
  font-weight: bold;
}
.reserv.view #content .panel.price-plan .tab-content > div > dl > dt {
  margin-right: 10px;
  font-weight: bold;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 155px;
  position: relative;
}
.reserv.view #content .panel.price-plan .tab-content > div > dl > dt span {
  display: inline-block;
}
.reserv.view #content .panel.price-plan .tab-content > div > dl > dd {
  position: relative;
  padding-right: 15px;
  padding-left: 0;
  font-size: 12px;
  letter-spacing: -1px;
}
.reserv.view #content .panel.price-plan > ul:last-child {
  margin-top: 20px;
  letter-spacing: -1px;
  /* 20190418추가 */
}
.reserv.view #content .panel.rule > div > p {
  background: #868c98;
  padding: 10px 25px;
  color: #fff;
  font-size: 13px;
}
.wrap-check {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.wrap-check .i-check {
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
}
.wrap-check .i-check:after {
  border: none;
  background-color: #dcdfe4;
}
.wrap-check .i-check.selected:after {
  background-color: #00adef !important;
}
.i-check.selected:after {
  background-color: #00adef !important;
}
.wrap-check ul {
  float: right;
  margin-top: 3px;
  margin-right: -20px;
}
.wrap-check ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.wrap-check ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  position: relative;
  padding-right: 20px;
}
.wrap-check ul > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 1px;
  height: 10px;
  background-color: #dcdfe4;
  opacity: 1;
  filter: alpha(opacity=100);
}
.wrap-check ul > li:last-child:after {
  width: 0;
}
.wrap-check ul a {
  cursor: pointer;
}
/* 20190429, 가격비교 예약 안내 툴팁 추가, 김연지 start */
.tooltips-guide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #fff;
  color: #192028;
  border: #000 solid 2px;
  border-radius: 0 5px 5px;
  padding: 0 50px 0 20px;
  width: 440px;
  height: auto;
}
.tooltips-guide:after {
  position: absolute;
  top: 10px;
  left: -7px;
  z-index: 99999999;
  margin-top: -10px;
  border-right: #fff solid 10px;
  border-bottom: transparent solid 11px;
  content: '';
}
.tooltips-guide:before {
  position: absolute;
  top: 8px;
  left: -11px;
  z-index: 99999999;
  margin-top: -10px;
  border-right: #000 solid 10px;
  border-bottom: transparent solid 11px;
  content: '';
}
.tooltips-guide .tooltip-title {
  display: block;
  margin: 0;
  padding: 20px 0 15px;
  border-bottom: #000 solid 2px;
  width: 460px;
  font-weight: bold;
  color: #000;
  font-size: 20px;
}
.tooltips-guide .tooltip-close {
  position: absolute;
  top: 23px;
  right: 19px;
  background: url('../images/close_x.png') no-repeat 0 0;
  background-size: 14px;
  cursor: pointer;
}
.tooltips-guide .tooltip-content {
  padding: 25px 0;
  font-size: 14px;
  color: #a0a0a0;
}
.tooltips-guide .tooltip-content strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.tooltips-guide .tooltip-content p {
  margin: 5px 0 15px;
  letter-spacing: -0.5px;
  line-height: 19px;
}
.tooltips-guide .tooltip-content p.mg-b20m {
  margin: 5px 0 20px;
}
.tooltips-guide .tooltip-content .btn-point1 {
  padding: 0 27px;
}
.price_title {
  font-size: 14px;
  display: inline-block;
  margin: 15px 0 5px;
}
.price_wrap {
  font-size: 13px;
  padding: 10px 20px 0px;
  line-height: 1.4;
  color: #999;
}
.color {
  color: #00adef !important;
}
.color_f {
  color: #fff !important;
}
.bold {
  font-weight: bold;
  color: #000;
}
.info {
  margin: 10px 0px 0;
}
.info2 {
  margin: 2px 0 2px;
}
.price_button {
  width: 100px;
  vertical-align: middle;
  background: #00adef;
  color: #fff;
  text-align: center;
  padding: 10px 2px;
  margin: 35px auto 0;
  border-radius: 5px;
  font-size: 13px;
}
.price_button a {
  display: block;
  text-decoration: none;
}
.margin_bottom {
  padding-bottom: 10px;
  display: inline-block;
}
.padding_b {
  padding-bottom: 10px !important;
  padding-top: 0 !important;
}
.menu_title {
  padding: 23px 33px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.menu_title:hover a {
  padding-bottom: 1px;
  border-bottom: 1px solid #00adef;
  color: #00adef;
}
.p_style {
  overflow: hidden;
  padding: 0px 33px;
  color: #7c7e82;
  line-height: 1.4;
}
.p_style span {
  padding: 0 12px 0 0;
}
.padding_bottom0 {
  padding-bottom: 10px;
}
.padding_top0 {
  padding-top: 0;
  padding-bottom: 10px;
}
element.style {
  line-height: 2;
  font-size: 15px;
  color: #192028;
  font-family: '나눔바른고딕';
}

/*20210427 상세페이지 css 추가*/
.left-top-title .badge{
  display: inline-block;
  margin-top: 8px;
  padding: 7px 20px;
  line-height: 1.5;
  border:0.5px solid #d9d9d9;
  border-radius: 23px;
  background-color: #f4f4f4;
  font-size: 12px;
  font-weight: bold;
  color: #7e7e7e;
}
.ico-carlist::before{
  width: 17px;
  height: 17px;
  margin-top: -2px;
  background-image: url(/static/images/carlist-icon.png);
  background-position: 0px 0px;
  background-size: 55px 17px;
}
.ico-carlist.ico-personnel::before{
  width: 20px;
  background-position: -18px 0px;
}
.ico-carlist.ico-fuel::before{
  background-position: -39px 0px;
}
.search-car.view #content > .top > .left > p{
  position: absolute;
  left: 15%;
  width: 76%;
  line-height: 1.5;
  bottom: 55px;
  font-size: 12px;
  text-align: left;
  color: #7e7e7e;
  letter-spacing: -0.8px;
}
.right-top-title{
  position: relative;
  height: 63px;
}
@media screen and (max-width:1600px) {
  .right-top-title  .review-large .review-point-detail{
    margin-right: 10px;
  }
}
.review-large .review-point-detail li:nth-child(2){
  margin-right: 24px;
  margin-left: 24px;
}
.rule .rule-list{
  padding: 17px 20px;
  border-radius: 3px;
  background-color: #f7f7f7;
}
.rule .rule-list1 > li{
  float: left;
  width: calc(100%/3);
  width: -webkit-calc(100%/3);
  text-align: center;
}
.rule .rule-list1 dt, .rule .rule-list1 dd{
  float: left;
  font-size: 12px;
  color: #454545;
}
.rule .rule-list1 dt{
  padding-right: 8px;
  padding-left: 26px;
  position: relative;
  border-right: 1px solid #ededed;
}
.rule .rule-list1 dt::before{
  content: "";
  position: absolute;
  width: 18px;
  height: 16px;
  margin-left: -26px;
  background-image: url(/static/images/rull-listicon.png);
  background-position: 0px 0px;
  background-size: 158px 103px;
}
.rule .rule-list1 li:nth-child(2) dt:before{
  width: 19px;
  background-position-x: -21px;
}
.rule .rule-list1 li:nth-child(3) dt:before{
  width: 14px;
  background-position-x: -40px;
}
.rule .rule-list1 dd{
  padding-left: 8px;
  font-weight: bold;
}
.rule .rule-list2 dt, .rule .rule-list2 dd{
  line-height: 1.17;
  font-size: 12px;
}
.rule .rule-list2 dt{
  float: left;
  font-weight: bold;
  color: #192028;
  margin-right: 20px;
}
.rule .rule-list2 dd{
  float: left;
  width: calc(100% - 98px);
  text-align: left;
  color: #a3a3a3;
}
.rule .rule-list .right-btn{
  float: right;
  width: 8.5px;
  height: 8.5px;
  margin-top: 2px;
  border: 0px;
  border-top: 2px solid #a3a3a3;
  border-right: 2px solid #a3a3a3;
  transform: rotate(45deg);
  cursor: pointer;
}
.rule .rule-list3 .right-btn{
  float: unset;
}
.rule .rule-list3{
  padding-right: 0px;
}
.rule .rule-list3 > li{
  float: left;
  width: calc((100% / 4) - 13px);
  width: -webkit-calc((100% / 4) - 13px);
  border-right: 1px solid #ededed;
}
.rule .rule-list3 > li:nth-child(4){
  border-right: 0px;
}
.rule .rule-list3 > li:last-child{
  width: 48px;
  line-height: 48px;
  text-align: center;
}
.rule .rule-list3 > li dl{
  padding: 5px 20px 7px;
}
.rule .rule-list3 > li:first-child dl{
  padding-left: 0px;
}
.rule .rule-list3 > li dt,
.rule .rule-list3 > li dd{
  font-size: 12px;
  color: #454545;
}
.rule .rule-list3 > li dt{
  margin-bottom: 8px;
}
.rule .rule-list3 > li dd{
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*상세 - 모달창*/
.modal-alert{
  /*font-family: 'NanumBarunGothic';*/
}
.modal-alert-contents > h6{
  line-height: 1.19;
  font-size: 16px;
  font-weight: bold;
  color: #192028;
}
.modal-alert-contents > p{
  margin: 13px 0px 20px 0px;
  line-height: 1.77;
  font-size: 13px;
  text-align: left;
  color: #192028;
}
.modal-table-type1 > p{
  margin-bottom: 8px;
  text-align: right;
}
.modal-table-type1 table{
  width: 100%;
}
.modal-table-type1 th, .modal-table-type1 td{
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  text-align: center;
}
.modal-table-type1 th:last-child,
.modal-table-type1 td:last-child{
  border-right: 0px;
}
.modal-table-type1 th{
  padding: 8px 5px;
  background-color: #f7f7f7;
  color: #5d5d5d;
  font-size: 13px;
}
.modal-table-type1 td{
  padding: 12px 5px;
  line-height: 1.29;
  color: #454545;
  font-size: 14px;
}
.modal-table-type1 tr td.active{
  background-color: #edf7fc;
}
.modal-table-type1 table.table-stripe .ico-i{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 26px;
  height: 26px;
  background-color: transparent;
  background-image: url(/static/images/356.png);
  cursor: pointer;
  vertical-align: middle;
}
.option.modal-option{
  margin-top: 25px;
}
.option.modal-option > ul{
  border: 0px;
  padding: 0px;
}
.option.modal-option > ul > li{
  width: 17.5%;
  margin-left: 3%;
}
.option.modal-option > ul > li dl > dt{
  font-size: 13px;
}
.option.modal-option > ul > li dl > dd > ul > li{
  font-size: 12px;
}
.option.modal-option > ul > li dl > dd > ul > li > img{
  margin-right: 5px;
}
.modal-alert .modal-alert-contents.modal-alert-contents-new{
  padding: 25px 26px;
}
.modal-alert .modal-title.txt-right + .modal-alert-contents.modal-alert-contents-new{
    padding: 15px 26px 25px;
}
.modal-alert .dots-list{
  margin-top: 20px;
}
.modal-alert .dots-list li,
.modal-alert .asterisk-list li{
  position: relative;
  padding-left: 13px;
  font-size: 14px;
  color: #222;
  /* margin-bottom:10px; */
  line-height:1.8;
  letter-spacing: -0.14px;
}
.modal-alert .dots-list li::before{
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top:.9em;
  width:3px;
  height:3px;
    background-color:#222;
    border-radius:50%;
  font-size: 14px;
  color: #222;
    transform:translateY(-50%);
}
.modal-alert .asterisk-list {
    margin-top: 20px;
}

.modal-alert .asterisk-list li::before{
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top:.9em;
    font-size: 14px;
    color: #222;
      transform:translateY(-50%);
}
.modal-alert .btn-group.btn-group-mt32{
  margin-top: 32px;
}

/*탭메뉴*/
.tab-menu-wrap{
    height:46px;
  margin: 8px 0px 5px;
  border: 1px solid #f6f6f6;
}
.tab-menu-wrap .tab-menu-container.fixed{
    position:fixed;
    top:0;
    right:0;
    width:100%;
    background-color:#fff;
    border-bottom:1px solid #d6d6d6;
    z-index:1050;
}
.tab-menu-wrap .tab-menu {
  width: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.tab-menu-wrap .tab-menu-container.fixed .tab-menu{
  min-width:1280px;
  max-width:1440px;
  padding-left:350px;
  margin:0 auto;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
@media (min-width: 992px) and (max-width: 1679px) {
    .tab-menu-wrap .tab-menu-container.fixed .tab-menu {
        width:83.333%
    }
}
.tab-menu-wrap .tab-menu li{
  -webkit-box-flex:1;
      -ms-flex:1 1 25%;
          flex:1 1 25%;
  padding: 15px 5px;
  position: relative;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid #f6f6f6;
  border-left: 1px solid #f6f6f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tab-menu-wrap .tab-menu li:first-child{
  border-left: 0px;
}
.tab-menu-wrap .tab-menu li:last-child{
  border-right: 0px;
}
.tab-menu-wrap .tab-menu li.active::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  width: 100%;
  height: 4px;
  background-color: #03adef;
}
.tab-menu-wrap .tab-menu li a{
  display: block;
  color: #7e7e7e;
  font-size: 14px;
  font-weight: bold;
}
.tab-menu-wrap .tab-menu li.active a{
  color: #03adef;
}

/*상세 렌트 요금제 table 추가사항*/
.search-car.view #content .price-plan table.selectFee td.cancel .modal-trigger{
  line-height: 1.29;
  font-size: 14px;
  font-weight: bold;
  color: #5d5d5d;
  cursor: pointer;
}
.search-car.view #content .price-plan table.selectFee td.cancel .material-open{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top:-3px;
  margin-left: 5px;
  background-image: url(/static/images/icon-material-open.png);
  background-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.search-car.view #content .price-plan table.selectFee tr:first-child .bg{
  padding-top: 25px;
  padding-bottom: 22px;
}
.search-car.view #content .price-plan table.selectFee tr .bg span{
  color: #454545;
  font-size: 13px;
}
.search-car.view #content .price-plan table.selectFee td span.infoCircle{
  color: #fff;
}
.ico--info-circle{
    display:inline-flex;
    cursor:pointer
}
.search-car.view #content .price-plan table.selectFee td .ico--info-circle {
    position:absolute;
    top:11px;
}
.search-car.view #content .price-plan table.selectFee td.light-blue span {
  color: #03adef;
}
.search-car.view #content .price-plan table.selectFee tr.benefit td.benefitIn{
  color: #080808;
}
.search-car.view #content .price-plan table.selectFee tr .bg-new{
  padding-top: 24px;
  padding-right: 2.5%;
  vertical-align: top;
}
.cafe-badge{
  display: block;
  padding: 9.5px 0px;
  line-height: 1;
  text-align: center;
  border: 1px solid #7e7e7e;
  border-radius: 16px;
  cursor: pointer;
}
.search-car.view #content .price-plan table.selectFee td span b{
  font-size: 12px;
  color: #7e7e7e;
}
.search-car.view #content .price-plan table.selectFee .light-gray span{
  font-weight: bold;
  color: #b2b2b2;
}

/*bar*/
.js-alert-bar{
    visibility:hidden;
    height:0;
    overflow:hidden;
    opacity: 0;
    transition:opacity 1.6s;
}
.bar-txt-wrap{
    position: relative;
    padding: 23px;
    background-color: #edf7fc;
    border: 1px solid #03adef;
    border-radius: 3px;
    box-sizing: border-box;
}
.js-alert-bar.visible{
    visibility:visible;
    height:auto;
    opacity:1;
}

.bar-close-btn{
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background-image: url(/static/images/bar-close-btn.png);
  background-size: 35px;
}
.bar-txt{
  padding-left: 37px;
  position: relative;
}
.bar-txt::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10.5px;
  width: 18px;
  height: 21px;
  background-image: url(/static/images/icon-bell.png);
}
.bar-txt p{
  line-height: 1.57;
  font-size: 14px;
  color: #03adef;
}

/*플로팅 메뉴*/
.rsvNavBar{
  position: relative;
  min-width: 1280px;
  /* max-width: 1440px; */
  width: 100%;
  background-color:#fff;
  left:0;
}
.rsvNavBar.fixed{
  position: fixed;
  bottom: 0;
  /* transition: all .6s 1s ease-in-out; */
  z-index: 1000;
}
.rsvNavBar-top-menu{
  height: 30px;
  /* padding-left: 350px; */
    width:100%;
    border-top: 1px solid #d6d6d6;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}

.car-choice-list{
    display:flex;
    max-width:1440px;
    min-width:1280px;
    margin:0 auto;
    box-sizing:border-box;
    padding: 8px 0px 8px 350px;
    z-index: 5;
}
@media (min-width: 992px) and (max-width: 1679px) {
    .car-choice-list{
        width:83.333%;
    }
}
.car-choice-list li{
  border-right: 1px solid #5d5d5d;
  font-size: 12px;
  color: #5d5d5d;
}
.car-choice-list li:last-child{
  border-right: 0px;
}
.car-choice-list li:first-child{
  padding-right: 8px;
}
.car-choice-list li+li{
  padding: 0px 8px;
}

.rsvNavBar-bottom-menu{
  height: 76px;
  width:100%;
  border-top: 1px solid #d6d6d6;
  position: relative;
}
.rsvNavBar-box::before, .rsvNavBar-box::after{
  height: 76px;
}
.rsvPriceArea-info{
  padding: 10px 32px 10px 12px;
  position: absolute;
  top: -100%;
  right: -6px;
  background-color: #3b53e4;
  border-radius: 3px;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  z-index: 6;
}
.rsvPriceArea-info::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 12px;
  margin-bottom: -4px;
  width: 8px;
  height: 8px;
  background-color: #3b53e4;
  border-radius: 3px;
  transform: rotate(45deg);
}
.rsvPriceArea{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-width: 1440px;
  min-width: 1280px;
  margin:0 auto;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding-left:350px;
  z-index: 5;
}
.search-car.view .rsvPriceArea > div{
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1;
}
@media (min-width: 992px) and (max-width: 1679px) {
    .rsvPriceArea{
        width:83.333%;
    }
}
.search-car.view .rsvPriceArea .left span.rpa-txt-close{
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 7px;
  margin-right: 7px;
  background: none;
  border: none;
  border-radius: none;
  font-size: 11px;
  color: #fff !important;
  cursor: pointer;
}
.search-car.view .rsvPriceArea > div:first-child {
  position:relative;
  width: 30%;
  min-width: 260px;
  max-width:280px;
  margin-right: 20px;
  text-align: center;
}
.search-car.view .rsvPriceArea > div:last-child {
  /* float: left; */
  width: calc(70% - 20px);
  width: -webkit-calc(70% - 20px);
  max-width: 630px;
}

/*업체정보*/
.search-car.view #content .info-company h3,
.search-car.view #content .review h3,
.search-car.view .notice-box h3 {
  line-height: 1.15;
  font-size: 20px;
  font-weight: bold;
  color: #192028;
  margin: 25px 0px;
  padding-left: 24px;
  font-family: 'NanumBarunGothic';
}
.search-car.view #content .info-company .map-box{
  width: 100%;
  height: 284px;
  position: relative;
}
.search-car.view #content .company-info-wrap > div{
  display: table;
  width: 100%;
}
.search-car.view #content .company-info-wrap > div dl{
  width: 200px;
  display: table-cell;
  float: left;
  margin-right: 18px;
}
.search-car.view #content .company-info-wrap > .company-info2 dl{
  width: 100%;
}
.search-car.view #content .company-info-wrap > div dl:last-child{
  margin-right: 0px;
}
.search-car.view #content .company-info-wrap > p{
  margin-top: 24px;
  font-size: 12px;
  color: #7e7e7e;
}
/*content-new*/
.search-car .content-new{
  margin-left: 350px;
}
/*이용후기 + 유의사항*/
.search-car.view .review, .search-car.view .notice-box{
  background-color: #fff;
  padding: 24px 24px 17px;
}
.more-btn-block{
  margin-top: 24px;
  padding-top: 10px;
  text-align: center;
}
.more-btn-block button{
  position: relative;
  cursor: pointer;
}
.more-btn-block button.review-more-btn::after{
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  margin-right: -18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #a3a3a3;
  border-right: 2px solid #a3a3a3;
  transform: rotate(135deg);
}
.more-btn-block button.review-more-btn.on::after{
  margin-top: 5px;
  transform: rotate(-45deg);
}
.search-car.view .review .review-wrap{
  border: 0px;
  background: none;
  min-height: 262px;
  /* max-height: 570px; */
  overflow: hidden;
}
.search-car.view .review .review-wrap.open{
  max-height: unset;
}
.search-car.view .review .review-wrap .review-inner{
  margin-top: 45px;
}
.search-car.view .review .review-wrap .review-inner:first-child{
  margin-top: 2px;
}
.search-car.view #content .review h3, .search-car.view .notice-box h3{
  margin-top: 0px;
  padding-left: 0px;
}
.review-head{
    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;
}
.review-head .left, .review-head .right{
  width: 50%;
}
/* .review-head .left{
  float: left;
}
.review-head .right{
  float: right;
} */
.review-head .left .user-name{
  float: left;
  line-height: 0.89;
  font-size: 18px;
  font-weight: bold;
  color: #192028;
}
.review-head .left .user-name .small{
  font-size: 0.7em;
}
.review-head .left > ul{
  display: table;
  float: left;
  margin-left: 24px;
}
.review-head .left > ul li{
  display: table-cell;
  font-size: 13px;
  color: #454545;
}
.review-head .left > ul li:last-child{
  padding-left: 24px;
}
.review-head .right .review-small{
  margin: 0px;
  overflow:visible;
}
.review-head .right .review-small .review-summary{
  float: right;
  margin-top: -3px;
}
.review-head .right .review-small .review-point-detail{
  margin-top: 0px;
  margin-right: 0px;
  font-size: 0px;
}
.review-head .right .review-small .review-point-detail li{
  margin-right: 25px;
  padding-right: 0px;
}
.review-head .right .review-small .review-point-detail > li:after{
  content: unset;
}
.review-head .right .review-summary .review-point{
  line-height: 1.19;
}
.review-head .right .review-small .review-point-detail li dt,
.review-head .right .review-small .review-point-detail li dd{
  font-size: 13px;
  font-family: 'NanumBarunGothic';
  color: #454545;
}
.search-car.view .review{
  margin-bottom: 28px;
}
.search-car.view .review .review-wrap .review-body{
  margin: 12px 0px 24px;
  padding: 18px 18px 5px;
  background-color: #f7f7f7;
  border-radius: 7px;
}
.search-car.view .review .review-wrap .review-body p,
.search-car.view .review .review-wrap .review-bottom .review-bottom-txt p{
  line-height: 1.71;
  font-size: 14px;
  color: #192028;
}
.search-car.view .review .review-wrap .review-body .write-date{
  margin-top: 8px;
  text-align: right;
  line-height: 1.09;
  font-size: 11px;
  color: #a5a5a5;
}
.search-car.view .review .review-wrap .review-bottom{
  padding-left: 54px;
}
.search-car.view .review .review-wrap .review-bottom h6{
  line-height: 1.11;
  font-size: 18px;
  font-weight: bold;
  color: #192028;
}
.search-car.view .review .review-wrap .review-bottom .review-bottom-txt{
  margin-top: 10px;
  padding: 22px 15px;
  background-color: #edf7fc;
  border-radius: 7px;
}
/*유의사항*/
.search-car.view .notice-box{
  background-color: #fff;
  font-family: 'NanumBarunGothic';
}
.search-car.view .notice-box .notice-wrap > p{
  line-height: 1.14;
  font-size: 14px;
  color: #192028;
}
.notice-info-list{
  padding-top: 20px;
}
.notice-info-list > li{
  margin-bottom: 20px;
}
.notice-info-list > li:last-child{
  margin-bottom: 0px;
}
.notice-info-list > li h4{
  line-height: 1.14;
  font-size: 14px;
  margin-top: 7px;
  margin-bottom: 14px;
  padding-left: 36px;
  position: relative;
}
.notice-info-list > li h4::before{
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  margin-top: -3px;
  margin-left: 6px;
  width: 16px;
  height: 22px;
  background-image: url(/static/images/icon-notice.png);
  background-position: 0px 0px;
}
/* .notice-info-list > li:nth-child(2) h4::before{
  width: 20px;
  background-position: -18px 0px;
} */
.notice-info-list > li.att_animal h4::before{
  width: 20px;
  background-position: -18px 0px;
}
/* .notice-info-list > li:nth-child(3) h4::before{
  width: 21px;
  background-position: -39px 0px;
} */
.notice-info-list > li.att_fishing h4::before{
  width: 21px;
  background-position: -39px 0px;
}
.notice-info-list > li > dl{
  display: block;
  padding: 18px 24px;
}
.notice-info-list > li > dl dd:last-child{
  font-weight: normal;
  color: #454545;
}
.notice-info-list > li > div > dl{
  /*display: table-cell;*/
  float: left;
  width: calc((100% / 3) - 63px );
  width: -webkit-calc((100% / 3) - 63px );
  min-height: 158px;
  padding: 14px 24px;
}
.notice-info-list > li > div > dl:nth-child(2){
  margin: 0px 22px;
}
.notice-info-list > li > div > dl dt{
  line-height: 1.7;
  font-size: 12px;
  color: #454545;
}
.notice-info-list > li dl dd{
  line-height: 1.7;
  font-size: 14px;
  font-weight: bold;
  color: #127fe8;
}
.notice-info-list > li dl{
  background-color: #f7f7f7;
  border-radius: 3px;
}
.notice-info-list > li dl dd.right-txt{
  line-height: 2;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  color: #818181;
}
.notice-info-list.lent-error dd{
  color: #dc3644;
}
.notice-info-list > li.att_animal.lent-error dd, .notice-info-list > li.att_fishing.lent-error dd{
  color: #dc3644;
}
/*툴팁*/
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  background: none;
  border: none;
}