@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 #58C2C1;
  background-color: #58C2C1;
  color: #fff;
}
.btn-point1:hover {
  border-color: #58C2C1;
  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;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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 {
  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;
  min-width: 40px;
  margin: 5px 2px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 15px;
  font-size: 12px;
  line-height: 30px;
  font-family: '돋움', dotum;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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;
  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: #58C2C1;
}
.calendar > table > tbody > tr > td.open {
  cursor: pointer;
}
.calendar > table > tbody > tr > td.open:hover {
  border-radius: 50%;
  background-color: #58C2C1;
}
.calendar > table > tbody > tr > td.selected {
  background-color: #58C2C1;
  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;
}
.pdl30 {
  padding-left: 30px;
}
/* 오른쪽 사이드바 */
.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: #58C2C1;
}
.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: #58C2C1;
}
.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: #58C2C1;
}
.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: #58C2C1;
}
.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: #58C2C1;
}
.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: #58C2C1;
  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: #58C2C1;
}
.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: #58C2C1;
  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: #58C2C1;
  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: #58C2C1;
}
.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;
  text-align: center;
  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: #58C2C1;
}
#cFIBox1 table.cFIB1 {
  width: 100%;
  border-spacing: 0px;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #3c4451;
}
#cFIBox1 table.cFIB1 th {
  padding: 17px 50px;
  background-color: #e8e9ed;
}
#cFIBox1 table.cFIB1 td {
  padding: 12px 50px;
  border-top: 1px solid #e9e9e9;
}
#cFIBox1 table.cFIB1 .bdrl {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#cFIBox1 table.cFIB1 .bdrr {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#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: #58C2C1;
}
#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: #58C2C1;
  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: #58C2C1;
}
#cFIBox2 .cFISBox2 .cFIB2_3 dt {
  float: left;
  width: 75px;
  line-height: 22px;
  color: #58C2C1;
}
#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: #58C2C1;
  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: #58C2C1;
  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: #58C2C1;
}
#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: #58C2C1;
}
#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: #58C2C1;
}
.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: #58C2C1;
  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: #58C2C1;
  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: #58C2C1;
  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: #58C2C1;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
.layerPopVerification .closeBox {
  position: absolute;
  top: -52px;
  right: -52px;
}
/* 회원가입 완료 */
.joinCompete {
  width: 985px;
  margin: 0 auto;
  text-align: center;
}
.joinCompete .jCP1 {
  font-size: 32px;
  padding-top: 150px;
  margin-bottom: 15px;
  color: #58C2C1;
}
.joinCompete .jCP2 {
  font-size: 32px;
  margin-bottom: 25px;
}
.joinCompete .jCP3 {
  font-size: 16px;
  color: #666666;
}
.joinCompete .linkBox {
  margin: 80px 0 150px;
}
.joinCompete .linkBox .goHome {
  display: inline-block;
  width: 195px;
  height: 50px;
  line-height: 50px;
  color: #666666;
  border-radius: 5px;
}
.joinCompete .linkBox .goLogin {
  display: inline-block;
  width: 195px;
  height: 50px;
  line-height: 50px;
  background-color: #58C2C1;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
}
/* 이용혜택 */
#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: 18px;
  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,
.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 {
  color: #192028;
}
input[type=text],
input[type=password],
input[type=search],
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-image: url("/static/images/img-sprite-tripnbuy.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 {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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 {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-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 {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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-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;
}
.ico-data2:before {
  width: 37px;
  height: 37px;
  background-position: -300px -110px;
}
.ico-data3:before {
  width: 28px;
  height: 37px;
  background-position: -340px -110px;
}
.ico-data4:before {
  width: 41px;
  height: 37px;
  background-position: -250px -150px;
}
.ico-data5:before {
  width: 51px;
  height: 37px;
  background-position: -300px -150px;
}
.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-star,
.ico-star span {
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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 {
  overflow: hidden;
  border-bottom: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
}
@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;
}
.navbar-brand .brand-image {
  display: block;
  width: 169px;
  height: 20px;
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  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: #58C2C1;
}
.nav-gnb {
  font-size: 16px;
  text-align: center;
}
.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;
}
@media (min-width: 1481px) {
  .nav-gnb > li {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.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;
}
.nav-right {
  position: absolute;
  right: 0;
  top: 20px;
  text-align: right;
}
.nav-right > ul,
.nav-right > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.nav-right > ul {
  margin-right: -20px;
  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;
}
.nav-right > a {
  height: 46px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-left: 10px;
  padding-top: 8px;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid #58C2C1;
  border-radius: 5px;
  font-size: 12px;
  font-family: '돋움', dotum;
  text-align: center;
  color: #58C2C1;
}
.nav-right > a:hover {
  background-color: #58C2C1;
  color: #fff;
}
.nav-right > a span {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  font-weight: bold;
}
@media (min-width: 1720px) {
  .nav-right > a {
    padding-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 23px;
    font-size: 14px;
    font-family: '나눔스퀘어', 'NanumSquare';
    line-height: 44px;
  }
  .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;
}
.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:after {
  bottom: 0;
}
.nav-lnb > ul > li > a {
  line-height: 50px;
}
.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: #192028;
}
.nav-gap {
  background-color: #fff;
  color: #192028;
  line-height: 50px;
}
.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;
  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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
  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 #58C2C1;
  -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.slick-active button:before {
  opacity: 0.75;
  color: black;
}
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 #58C2C1;
  background-color: #58C2C1;
  color: #fff;
}
.table-price > tbody > tr > th button.selected:hover,
.table-price > tbody > tr > td button.selected:hover {
  border-color: #58C2C1;
  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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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: #58C2C1;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
}
.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, #58C2C1, #0066cc 65%, #6615cd);
  background: -o-linear-gradient(135deg, #58C2C1, #0066cc 65%, #6615cd);
  background: linear-gradient(135deg, #58C2C1, #0066cc 65%, #6615cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58c2c1', 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 > .header {
  height: 50px;
  background-color: #fff;
  color: #192028;
}
#content {
  overflow: hidden;
}
.content-wrap {
  position: relative;
  min-width: 1200px;
  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 {
  clear: both;
  overflow: hidden;
  position: relative;
  height: 365px;
  background-color: #192028;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #fff;
}
.footer:before {
  content: '';
  display: block;
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #3c4452;
}
.footer ul {
  overflow: hidden;
}
.footer li {
  float: left;
}
.footer > div {
  position: relative;
  min-width: 1200px;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
@media (min-width:992px) and (max-width: 1679px) {
  .footer > div {
    width: 83.333%;
  }
}
@media (min-width: 1680px) {
  .footer > div {
    width: 1440px;
  }
}
.footer > div.nav {
  line-height: 90px;
}
.footer > div.nav > ul {
  float: left;
}
.footer > div.nav > ul > li {
  margin-right: 30px;
}
.footer > div.nav > div {
  float: right;
}
.footer > div.nav > div > ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.footer > div.nav > div > ul li {
  margin-right: 10px;
  margin-left: 10px;
}
.footer > div.nav > div > ul a {
  display: block;
}
.footer > div.nav > div > ul .ico-appstore,
.footer > div.nav > div > ul .ico-googleplay {
  font-size: 14px;
  font-family: '나눔스퀘어', 'NanumSquare';
}
.footer > div.nav > div > ul .ico-appstore {
  margin-right: 30px;
  margin-left: 30px;
}
.footer > div.info {
  margin-top: 50px;
  margin-bottom: 50px;
}
.footer > div.info > .left {
  float: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.footer > div.info > .left ul {
  margin-top: 15px;
}
.footer > div.info > .left ul .img-wrap-responsive.square {
  padding-top: 100%;
}
.footer > div.info > .left ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.footer > div.info > .left ul > li {
  position: relative;
  padding-right: 20px;
}
.footer > div.info > .left 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);
}
.footer > div.info > .left ul > li:last-child:after {
  width: 0;
}
.footer > div.info > .left ul:first-child {
  margin-top: 0;
}
.footer > div.info > .right {
  float: right;
  overflow: hidden;
}
.footer > div.info > .right > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 30px;
  vertical-align: middle;
}
@media (min-width: 1481px) {
  .footer > div.info > .right > div {
    margin-left: 50px;
  }
}
.footer > div.info > .right dl {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.footer > div.info > .right .item span {
  margin-right: 15px;
  vertical-align: top;
}
.footer > div.info > .right .item dt {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.footer > div.info > .right .item dd {
  margin-top: 5px;
}
.footer > div.info > .right .item dd .futuraH {
  font-size: 13px;
}
.footer > div.info > .right .ico-phone-w,
.footer > div.info > .right .ico-kakao {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.footer > div.info > .right .ico-phone-w {
  background-color: #58C2C1;
}
.footer > div.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 > div.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 > div.info > .right .ico-clock-w {
  position: relative;
  padding-left: 50px;
}
.footer > div.info > .right .ico-clock-w:before {
  position: absolute;
  top: 0;
  left: 0;
}
.footer > div.info > .right .ico-clock-w dl {
  display: block;
  line-height: 1.4;
}
.footer > div.info > .right .ico-clock-w dt {
  width: 70px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.footer > div.info > .right .ico-clock-w dt,
.footer > div.info > .right .ico-clock-w dd {
  float: left;
}
.footer > div.bottom .award {
  margin-right: 20px;
}
.footer > div.bottom .award:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.footer > div.bottom .award:before {
  width: 45px;
  height: 60px;
  background-position: 0 -190px;
}
.footer > div.bottom .award:before {
  vertical-align: top;
}
.footer > div.bottom .ssl {
  width: 68px;
}
.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: #58C2C1;
}
.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 {
  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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
  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: #58C2C1;
}
.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: 1200px;
  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: #58C2C1;
  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: #58C2C1;
}
.home .sidebar,
.search-car .sidebar {
  width: 300px;
  float: left;
  margin-right: 50px;
}
.home .search-section,
.search-car .search-section {
  position: relative;
  padding: 20px;
  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 {
  font-size: 12px;
  font-family: '돋움', dotum;
  font-weight: bold;
}
.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);
}
.search-car #container {
  padding-bottom: 50px;
}
.search-car #content {
  position: relative;
  margin-top: 30px;
}
.search-car-input {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
}
.search-car-input .select-date {
  border: none;
  background-color: #192028;
  color: #fff;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
}
.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 #58C2C1;
  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 20px;
}
.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 #58C2C1;
  background-color: #58C2C1;
  color: #fff;
}
.search-car-input .btn-wrap button.active:hover {
  border-color: #58C2C1;
  background-color: #000;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
}
.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;
}
.search-car-result-sort {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #3c4452;
  font-size: 12px;
  font-family: '돋움', dotum;
}
#search-best-view {
  width: 100%;
  margin: 20px 0;
}
#search-best-view > strong {
  display: block;
  padding: 0 10px;
  font-size: 18px;
}
#search-best-view ul {
  margin-top: 15px;
}
#search-best-view li {
  position: relative;
  width: 32%;
  float: left;
  margin-left: 2%;
  background-color: #f8fafb;
}
#search-best-view li:first-child {
  margin-left: 0;
}
#search-best-view li .top {
  position: relative;
}
#search-best-view li .top .title {
  overflow: hidden;
  position: relative;
  padding: 20px;
}
#search-best-view .title h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 70%;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: -1px;
}
#search-best-view .title h3 > small {
  font-size: 0.8em;
}
#search-best-view .title span {
  display: block;
  color: #aaaaaa;
}
#search-best-view .img-wrap-responsive {
  overflow: hidden;
  position: relative;
  height: 150px;
  padding: 0 20px;
}
#search-best-view .img-wrap-responsive .text {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
}
#search-best-view li .bottom {
  padding: 15px;
  background-color: #ffffff;
}
#search-best-view li .bottom:after {
  content: "";
  display: block;
  clear: both;
}
#search-best-view li .bottom .left {
  float: left;
}
#search-best-view li .bottom .left h3 {
  display: inline-block;
  zoom: 1;
  margin-bottom: 5px;
  vertical-align: middle;
  font-size: 16px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
#search-best-view li .bottom .right {
  float: right;
}
#search-best-view li .bottom .right .text-cancel {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #ff5353;
}
#search-best-view li .bottom .right .text-price {
  display: inline-block;
  zoom: 1;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 14px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
#search-best-view li .bottom .review-summary {
  clear: both;
}
#search-best-view li .bottom .btn-box {
  clear: both;
  margin-top: 15px;
  text-align: center;
}
#search-best-view li .bottom .btn-box .btn {
  display: inline-block;
  width: 50%;
  line-height: 25px;
  zoom: 1;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
  border-color: #00adef;
  padding: 5px;
  background-color: #00adef;
  color: #ffffff;
}
#search-best-view li .hit-badge {
  position: absolute;
  top: 15px;
  right: 10px;
  display: block;
  width: 136px;
  height: 32px;
  line-height: 32px;
  padding: 0 7px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background: url(/static/images/hit-badge-pc.png) no-repeat;
}
.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;
}
.search-car-result-list .panel {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f8fafb;
}
.search-car-result-list .panel > .left,
.search-car-result-list .panel > .right {
  min-height: 391px;
}
.search-car-result-list .panel > .left {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 35.8%;
  box-sizing: border-box;
  padding: 40px 3.7%;
}
.search-car-result-list .panel > .left .title {
  overflow: hidden;
  position: relative;
  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 #58C2C1;
  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 > .img-wrap-responsive {
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  left: 40px;
  right: 40px;
  height: 160px;
}
.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: #58C2C1;
}
.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 > .right {
  overflow: hidden;
  position: relative;
  float: right;
  width: 64.2%;
  box-sizing: border-box;
  padding-top: 40px;
  padding-right: 2.752%;
  padding-left: 2.752%;
  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 > .top {
  overflow: hidden;
  position: relative;
}
.search-car-result-list .panel > .right > .top > .left {
  float: left;
}
.search-car-result-list .panel > .right > .top > .left > h3 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 18px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.search-car-result-list .panel > .right > .top > .right {
  float: right;
  text-align: right;
}
.search-car-result-list .panel > .right > .top > .right .text-cancel {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-size: 12px;
  font-family: '돋움', dotum;
  color: #ff5353;
}
.search-car-result-list .panel > .right > .top > .right .text-price {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 18px;
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.search-car-result-list .panel > .right > .top > .right p {
  margin-top: 10px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car-result-list .panel > .right .list-option {
  overflow: hidden;
  height: 34px;
  margin-top: 15px;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  font-size: 12px;
  font-family: '돋움', dotum;
  line-height: 1.5;
}
.search-car-result-list .panel > .right .list-option .img-wrap-responsive.square {
  padding-top: 100%;
}
.search-car-result-list .panel > .right .list-option > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car-result-list .panel > .right .list-option > li {
  position: relative;
  padding-right: 20px;
}
.search-car-result-list .panel > .right .list-option > 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);
}
.search-car-result-list .panel > .right .list-option > li:last-child:after {
  width: 0;
}
.search-car-result-list .panel > .right .table-price {
  border-top: 1px solid #dcdfe4;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.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 > tbody > tr > td.last {
  padding-right: 0;
}
.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: bold;
  color: #192028;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child {
  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-image: url("/static/images/img-sprite-tripnbuy.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: 9px;
  height: 9px;
  background-position: 0 -40px;
}
.search-car-result-list .panel > .right .table-price > tbody > tr.selected > td:first-child:before {
  position: absolute;
  top: 10px;
  left: 5px;
}
.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;
}
.review-summary > * {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-summary .review-point {
  margin-left: 5px;
  font-size: 16px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  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: 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;
  text-decoration: underline;
}
.review-point-detail {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.review-large {
  overflow: hidden;
}
.review-large .review-summary {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 25px;
  vertical-align: middle;
}
.review-large .review-point {
  margin-right: 5px;
  font-size: 25px;
}
.review-large .review-point-detail li {
  float: left;
  width: 92px;
  border-left: 1px solid #eef2f5;
  text-align: center;
}
.review-large .review-point-detail li dt {
  margin-top: 5px;
  font-size: 12px;
  font-family: '돋움', dotum;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.review-large .review-point-detail li dd {
  font-size: 16px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.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;
}
.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;
}
.review-list .review-wrap > .head a:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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;
}
.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: #58C2C1;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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 {
  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 > 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 #e7e9ed;
  background-color: #fff;
  color: #192028;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
}
.search-car.view #content > .top > .left,
.search-car.view #content > .top > .right {
  box-sizing: border-box;
  padding: 30px 2.752%;
}
.search-car.view #content > .top > .left {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  border-right: 1px solid #eef2f5;
  background-color: #f8fafb;
  text-align: center;
}
.search-car.view #content > .top > .left h4 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 16px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a7afbb;
  font-weight: bold;
}
.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: -120px 0 0 -35%;
  width: 70%;
  height: 240px;
}
.search-car.view #content > .top > .left ul {
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 30px;
  left: 15%;
  width: 70%;
  border-top: 1px solid #eef2f5;
  border-left: 1px solid #eef2f5;
  border-color: #dcdfe4;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content > .top > .left 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.view #content > .top > .left ul > li:before {
  margin-right: 5px;
}
.search-car.view #content > .top > .right {
  position: relative;
  float: right;
  width: 60%;
  min-height: 420px;
}
.search-car.view #content > .top > .right h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 15px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}
.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: #58C2C1;
}
.search-car.view #content > .top > .right h3:before {
  top: 30px;
}
.search-car.view #content > .top > .right > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 3px 8px;
  border: 1px solid #a3dddd;
  border-radius: 11px;
  font-size: 12px;
  font-family: '돋움', dotum;
  vertical-align: middle;
  color: #58C2C1;
}
.search-car.view #content > .top > .right .review-large {
  margin-top: 25px;
  margin-bottom: 15px;
}
.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;
}
.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 > div {
  overflow: hidden;
}
.search-car.view #content > .top > .right .rule > div div {
  float: left;
  width: 47.5%;
  margin-left: 5%;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content > .top > .right .rule > div div:first-child {
  margin-left: 0;
}
.search-car.view #content > .top > .right .rule > div div h6 {
  margin-bottom: 10px;
}
.search-car.view #content > .top > .right .rule > div div .table-border,
.search-car.view #content > .top > .right .rule > div div > p {
  line-height: 1.6;
}
.search-car.view #content > .top > .right .rule > div div .table-border {
  width: 100%;
}
.search-car.view #content > .top > .right .rule > div div .table-border td.selected {
  background-color: #192028;
  color: #fff;
}
.search-car.view #content > .top > .right .rule > div div .box {
  padding: 5px;
  border: 1px solid #868c98;
  background-color: #868c98;
  color: #fff;
}
.search-car.view #content .price-plan {
  margin-bottom: 20px;
}
.search-car.view #content .price-plan > div > ul {
  overflow: hidden;
  padding-bottom: 20px;
}
.search-car.view #content .price-plan > div > ul > li {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  position: relative;
  float: left;
  width: 31.192%;
  margin-left: 3.212%;
  box-sizing: border-box;
  padding: 30px 2.752%;
}
.search-car.view #content .price-plan > div > ul > li:first-child {
  margin-left: 0;
}
.search-car.view #content .price-plan > div > ul > li > .h6 {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.search-car.view #content .price-plan > div > ul > li > div {
  margin-bottom: 70px;
}
.search-car.view #content .price-plan > div > ul > li > div > span {
  display: block;
}
.search-car.view #content .price-plan > div > ul > li > div > .text-price {
  font-size: 40px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.search-car.view #content .price-plan > div > ul > li > div > .text-price small {
  font-family: '나눔스퀘어 ExtraBold', 'NanumSquare-ExtraBold';
}
.search-car.view #content .price-plan > div > ul > li > div > .text-gray {
  overflow: hidden;
  margin-top: 50px;
  padding-bottom: 10px;
  line-height: 1.6;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content .price-plan > div > ul > li > div > dl {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef2f5;
  line-height: 1.6;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dd {
  margin-top: 10px;
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dt {
  font-weight: bold;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dt span {
  margin-left: 5px;
  font-weight: normal !important;
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dt button {
  display: block;
  margin-left: 0;
  font-family: '나눔스퀘어', 'NanumSquare';
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dd {
  overflow: hidden;
  margin-top: 5px;
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dd span {
  color: #fb435f;
}
.search-car.view #content .price-plan > div > ul > li > div > dl > dd .tooltip-basic {
  float: right;
}
@media (min-width: 1631px) {
  .search-car.view #content .price-plan > div > ul > li > div > dl {
    overflow: hidden;
  }
  .search-car.view #content .price-plan > div > ul > li > div > dl > dt {
    clear: both;
    float: left;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .search-car.view #content .price-plan > div > ul > li > div > dl.dt-10 > dt {
    width: 10%;
    min-width: 80px;
  }
  .search-car.view #content .price-plan > div > ul > li > div > dl.dt-20 > dt {
    width: 20%;
    min-width: 120px;
  }
  .search-car.view #content .price-plan > div > ul > li > div > dl > dt {
    width: 62px;
    margin-right: 10px;
    word-break: break-all;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .search-car.view #content .price-plan > div > ul > li > div > dl > dt span {
    display: block;
    margin-left: 0;
  }
  .search-car.view #content .price-plan > div > ul > li > div > dl > dd {
    margin-top: 0;
  }
}
.search-car.view #content .price-plan > div > ul > li > div > button {
  position: absolute;
  bottom: 0;
  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 #58C2C1;
  background-color: #58C2C1;
  color: #fff;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 40px;
  width: 82.352%;
  margin: 30px auto;
}
.search-car.view #content .price-plan > div > ul > li > div > button:hover {
  border-color: #58C2C1;
  background-color: #000;
}
.search-car.view #content .price-plan > div > ul > li:hover,
.search-car.view #content .price-plan > div > ul > li.selected {
  border: 1px solid #58C2C1;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.search-car.view #content .price-plan > div > ul > li.selected > 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;
  color: #fff;
  border-color: #192028;
  background-color: #192028;
}
.search-car.view #content .price-plan > div > ul > li.selected > div > button:hover {
  background-color: #000;
}
.search-car.view #content .price-plan > div > ul > li.selected > div > button:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.search-car.view #content .price-plan > div > ul > li.selected > div > button:before {
  width: 9px;
  height: 6px;
  background-position: 0 -30px;
}
.search-car.view #content .price-plan > div > ul > li.selected > div > button:before {
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  left: 20px;
}
.search-car.view #content .price-plan > div > ul > li.plan1 > h6,
.search-car.view #content .price-plan > div > ul > li.plan1 > div > .text-price,
.search-car.view #content .price-plan > div > ul > li.plan1 > div > .text-gray {
  color: #868c98;
}
.search-car.view #content .price-plan > div > ul > li.plan1 > div > button {
  background-color: #868c98;
}
.search-car.view #content .price-plan > div > ul > li.plan2 > h6,
.search-car.view #content .price-plan > div > ul > li.plan2 > div > .text-price,
.search-car.view #content .price-plan > div > ul > li.plan2 > div > .text-gray {
  color: #58C2C1;
}
.search-car.view #content .price-plan > div > ul > li.plan2 > div > button {
  background-color: #58C2C1;
}
.search-car.view #content .price-plan > div > ul > li.plan3 > h6,
.search-car.view #content .price-plan > div > ul > li.plan3 > div > .text-price,
.search-car.view #content .price-plan > div > ul > li.plan3 > div > .text-gray {
  color: #192028;
}
.search-car.view #content .price-plan > div > ul > li.plan3 > div > button {
  background-color: #192028;
}
.search-car.view #content .price-plan > div > div {
  overflow: hidden;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content .price-plan > div > div span {
  font-weight: bold;
}
.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;
}
.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 #58C2C1;
  background-color: #58C2C1;
  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: #58C2C1;
  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;
}
.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: #58C2C1;
}
.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: #58C2C1;
}
.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 {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  padding: 3.6%;
}
.search-car.view #content .option > ul > li {
  float: left;
  width: 14.3%;
  margin-left: 7.125%;
}
.search-car.view #content .option > ul > li:first-child {
  margin-left: 0;
}
.search-car.view #content .option > ul > li dl {
  color: #868c98;
}
.search-car.view #content .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 {
  line-height: 2;
}
.search-car.view #content .option > ul > li dl > dd > ul > li.selected {
  position: relative;
  font-weight: bold;
  color: #192028;
}
.search-car.view #content .option > ul > li dl > dd > ul > li.selected:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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 {
  width: 12px;
  height: 9px;
  background-position: -10px -30px;
}
.search-car.view #content .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 {
  font-weight: bold;
}
.search-car.view #content .info-company {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  position: relative;
  margin-top: 50px;
  margin-bottom: 20px;
}
.search-car.view #content .info-company > div {
  width: 50%;
}
.search-car.view #content .info-company > .left {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #333;
}
.search-car.view #content .info-company > .right {
  float: right;
  box-sizing: border-box;
  padding: 40px 3.6%;
}
.search-car.view #content .info-company > .right .tl-section {
  margin-top: 0;
  font-size: 16px;
}
.search-car.view #content .info-company > .right > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  margin-bottom: 30px;
}
.search-car.view #content .info-company > .right > h3 > small {
  font-size: 0.6em;
}
.search-car.view #content .info-company > .right dl {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: '돋움', dotum;
}
.search-car.view #content .info-company > .right dl > dd {
  margin-top: 10px;
}
.search-car.view #content .info-company > .right dl dt {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search-car.view #content .info-company > .right dl dd {
  line-height: 1.8;
  word-break: break-all;
}
.search-car.view #content .info-company > .right > dl {
  width: 100%;
}
.search-car.view #content .info-company > .right > div {
  overflow: hidden;
  padding-top: 5px;
  border-top: 1px solid #eef2f5;
}
.search-car.view #content .info-company > .right > div dl {
  float: left;
  width: 45%;
  margin-left: 10%;
}
.search-car.view #content .info-company > .right > div dl:first-child {
  margin-left: 0;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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;
}
.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%;
}
.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: #58C2C1;
}
/* .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(4n) {
  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: 22px;
}
.myCoupon .couponTit .cT3 {
  display: block;
  width: 100%;
  color: #ffffff;
  padding: 1.5% 0 0 10%;
  font-size: 14px;
}
.myCoupon .couponText {
  margin-top: 20px;
}
.myCoupon .couponText dl {
  float: left;
  width: 50%;
  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: 18px;
  }
  .myCoupon .couponTit .cT3 {
    font-size: 12px;
  }
}
.reserv #content {
  padding-top: 50px;
  padding-bottom: 50px;
}
.reserv.write #content {
  overflow: hidden;
}
.reserv.write #content > .left {
  float: left;
  width: 68.75%;
}
.reserv.write #content > .left > div {
  margin-bottom: 100px;
}
.reserv.write #content > .left > div > h3 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  margin-bottom: 30px !important;
}
.reserv.write #content > .left > div > h3 > small {
  font-size: 0.6em;
}
.reserv.write #content > .left > div .form-item {
  float: left;
  width: 40.454%;
  margin-right: 4.773%;
  margin-left: 4.773%;
}
.reserv.write #content > .left > div .form-item > .header > label:after {
  border: 1px solid #868c98;
}
.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 > .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;
}
.reserv.write #content > .left .panel.terms .panel-header {
  padding: 20px 3.6% 0;
  background-color: #3c4452;
  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: 20px;
  color: #58C2C1;
  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 {
  height: 35px;
  margin-right: 7.07%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li.selected {
  border-bottom: 3px solid #58C2C1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.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;
  height: 150px;
  font-size: 12px;
  line-height: 1.8;
  font-family: '돋움', dotum;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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 {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 6px;
  z-index: 10;
}
.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: #58C2C1;
}
.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: 300px;
}
@media (min-width: 1541px) and (max-width: 1679px) {
  .reserv.write #content > .sidebar,
  .reserv.write #content > .sidebar > div.affix {
    width: 330px;
  }
}
@media (min-width: 1680px) {
  .reserv.write #content > .sidebar,
  .reserv.write #content > .sidebar > div.affix {
    width: 360px;
  }
}
.reserv.write #content > .sidebar > div {
  overflow: hidden;
  border: 1px solid #e7e9ed;
  background-color: #fff;
  color: #192028;
  padding: 30px;
}
.reserv.write #content > .sidebar > div.affix {
  position: fixed;
  top: 20px;
}
.reserv.write #content > .sidebar > div.affix-bottom {
  position: absolute;
}
.reserv.write #content > .sidebar > div > h5 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.reserv.write #content > .sidebar > div > h5 > small {
  font-size: 0.6em;
}
.reserv.write #content > .sidebar > div > .section1 {
  overflow: hidden;
  margin-right: -3.6%;
  margin-left: -3.6%;
}
.reserv.write #content > .sidebar > div > .section1 > dl {
  float: left;
  width: 42.8%;
  margin-top: 20px;
  margin-right: 3.6%;
  margin-left: 3.6%;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dd {
  margin-top: 10px;
}
.reserv.write #content > .sidebar > div > .section1 > dl > dd {
  word-break: break-all;
}
.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 > .section2 {
  margin-top: 30px;
}
.reserv.write #content > .sidebar > div > .section2 > dl > dt {
  color: #3c4452;
  opacity: 1;
  filter: alpha(opacity=100);
}
.reserv.write #content > .sidebar > div > .section2 > dl > dd {
  margin-top: 15px;
}
.reserv.write #content > .sidebar > div > .section2 > dl > dd.text-price {
  font-size: 40px;
  font-family: 'Futura-Heavy-BT', sans-serif;
}
.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;
}
.reserv.complete .panel:first-child {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #192028;
}
.reserv.complete .panel:first-child > * {
  margin: auto;
  text-align: center;
}
.reserv.complete .panel:first-child > span {
  position: relative;
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 3px solid #58C2C1;
}
.reserv.complete .panel:first-child > span.success:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv.complete .panel:first-child > span.success:before {
  width: 40px;
  height: 28px;
  background-position: -200px -30px;
}
.reserv.complete .panel:first-child > span.success:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 28px;
  margin: -14px 0 0 -20px;
}
.reserv.complete .panel:first-child > span.failed:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv.complete .panel:first-child > span.failed:before {
  width: 36px;
  height: 36px;
  background-position: -210px -190px;
}
.reserv.complete .panel:first-child > span.failed:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
}
.reserv.complete .panel:first-child > h1 {
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 40px;
  margin-top: 40px;
  color: #fff;
}
.reserv.complete .panel:first-child > h1 > small {
  font-size: 0.6em;
}
.reserv.complete .panel:first-child > p {
  margin-top: 20px;
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.reserv.complete .panel.info-reserv {
  padding: 30px 3.5%;
  border-top: 1px solid none;
}
.reserv.complete .panel.info-reserv > div:first-child {
  width: 34.8%;
}
.reserv.complete .panel.info-reserv > div:first-child .img-wrap-responsive {
  overflow: hidden;
  position: relative;
  width: 86.8%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50%;
}
.reserv.complete .panel.info-reserv > div.text {
  width: 58.8%;
  margin-left: 6.4%;
}
.reserv.complete .panel.info-reserv > div.text > .top {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.reserv.complete .panel.info-reserv > div.text > .top > .left > dl .text-date {
  width: 42%;
  font-size: 20px;
}
.reserv.complete .panel.info-reserv > div.text > .top > .left > dl .text-date:first-child {
  margin-right: 8%;
}
.reserv.complete .panel.info-reserv > div.text > .top > .left > dl .text-date:before {
  right: 5px;
}
.reserv.complete .btn-wrap {
  margin-top: 30px;
  text-align: center;
}
.reserv.complete .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;
}
.reserv.complete .btn-wrap button:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
@media (min-width:992px) {
  .reserv.complete .btn-wrap button {
    min-width: 200px;
  }
}
.reserv.complete .btn-wrap button:first-child {
  background-color: #192028;
}
.reserv.complete .btn-wrap button:first-child:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.reserv.complete .btn-wrap button:first-child:before {
  width: 18px;
  height: 20px;
  background-position: -370px -60px;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
  color: #fff;
}
.login #content > .form > div {
  overflow: hidden;
  margin: 80px auto;
}
.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: #58C2C1;
  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: #58C2C1;
}
.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: #58C2C1;
}
.sideInfoBox .sideInfoImg:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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: 80px;
  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: 1200px;
  padding-top: 70px;
  padding-bottom: 70px;
}
body.realprice > p {
  background-color: #192028;
  text-align: center;
  font-size: 63px;
  color: #58C2C1;
}
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: 1200px;
}
.home #container > .top {
  position: relative;
  height: 500px;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}
@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 .single-item {
  width: 100%;
  min-width: 1200px;
  height: 500px;
  visibility: hidden;
}
.home #container > .top .single-item .slick-slide {
  position: relative;
  height: 500px;
  background-size: 1920px !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.home #container > .top .single-item .slick-slide > div {
  position: absolute;
  height: 405px;
  margin-top: 40px;
  padding-left: 370px;
}
@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 {
  margin-top: 60px;
  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;
}
.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;
}
.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;
  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-image: url("/static/images/img-sprite-tripnbuy.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: rgba(25, 32, 40, 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;
  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;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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;
}

/* 20190307 수정 START */
.home #container > .top .single-item .slick-prev,
.home #container > .top .single-item .slick-next {
  bottom: 60px;
  border: 1px solid #fff;
  display: none !important;
}
/* 20190307 수정 END */

@media (min-width:992px) and (max-width: 1679px) {
  .home #container > .top .single-item .slick-prev,
  .home #container > .top .single-item .slick-next {
    right: 8.3335%;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .single-item .slick-prev,
  .home #container > .top .single-item .slick-next {
    right: 50%;
    margin-right: -720px;
  }
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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;
}

/* 20190307 수정 START */
.home #container > .top .single-item .slick-dots {
  bottom: 60px;
  width: auto;
  text-align: right;
  right: 50% !important;
  margin-right: 0 !important;
}
/* 20190307 수정 END */

.home #container > .top .single-item .slick-dots > li {
  border: 1px solid #dcdfe4;
  background-color: #fff;
}
.home #container > .top .single-item .slick-dots > li.slick-active {
  background-color: #fff;
}
@media (min-width:992px) and (max-width: 1679px) {
  .home #container > .top .single-item .slick-dots {
    right: 8.3335%;
    margin-right: 110px;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .single-item .slick-dots {
    right: 50%;
    margin-right: -610px;
  }
}
.home #container > .top .sidebar {
  position: absolute;
  top: 50%;
  margin-top: -215px;
}
@media (min-width:992px) and (max-width: 1679px) {
  .home #container > .top .sidebar {
    left: 8.3335%;
  }
}
@media (min-width: 1680px) {
  .home #container > .top .sidebar {
    left: 50%;
    margin-left: -720px;
  }
}
.home #container > .top .sidebar .search-car-input {
  border: none;
}
.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;
  text-indent: -999px;
  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 .data,
.home .review,
.home .newcar {
  overflow: hidden;
  padding-top: 70px;
  padding-bottom: 70px;
}
.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: 30px;
  height: 3px;
  margin-left: -15px;
  background-color: #58C2C1;
}
.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;
}
.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 #58C2C1;
  -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;
}
.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: #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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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 #58C2C1;
  border-radius: 12px;
  font-size: 12px;
  color: #58C2C1;
}
.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 {
  position: relative;
  background-image: url("/static/images/bg-home-data.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
}
.home .data > dl {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  width: 10%;
  min-width: 150px;
  margin-right: 1.3%;
  margin-left: 1.3%;
  z-index: 10;
}
.home .data > dl dt {
  margin-top: 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.home .data > dl dd {
  margin-top: 10px;
  font-size: 40px;
}
.home .curation {
  height: 660px;
}
.home .curation > li {
  float: left;
  width: 25%;
  height: 50%;
  box-sizing: border-box;
}
.home .curation > li.large {
  width: 50%;
  height: 100%;
  background-color: #eef2f5;
  text-align: center;
}
.home .curation > li.large h3 {
  margin-top: 110px;
  line-height: 1.1;
  color: #192028;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: bold;
}
.home .curation > li.large h3 > small {
  font-size: 0.6em;
}
.home .curation > li.large p {
  margin-top: 15px;
  margin-bottom: 25px;
}
.home .curation > li.large 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;
  min-width: 80px;
  border: 1px solid #868c98;
  background-color: transparent;
}
.home .curation > li.large a:hover {
  border: 1px solid #3c4452;
  background-color: #3c4452;
  color: #fff;
}
.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.small {
  overflow: hidden;
  box-sizing: border-box;
  padding: 40px 2.083%;
}
.home .curation > li.small > a {
  display: block;
}
.home .curation > li.small span {
  font-size: 12px;
  font-family: '돋움', dotum !important;
}
.home .curation > li.small h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.home .curation > li.small p {
  position: relative;
  color: #58C2C1;
}
.home .curation > li.small p:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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-responsive {
  width: 75%;
  margin: 0 auto 0;
  padding-top: 54.166%;
}
.home .curation > li.small .img-wrap-responsive div {
  background-size: contain;
}
.home .curation > li.white {
  background-color: #fff;
  color: #192028;
}
.home .curation > li.gray {
  background-color: #f8fafb;
}
.home .review {
  background-color: #fff;
  color: #192028;
}
.home .review .single-item {
  width: 86.111%;
  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 {
  width: ;
  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;
}
.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;
}
.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;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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 #58C2C1;
  background-color: #58C2C1;
  color: #fff;
}
.modal.member .modal-body > div a:first-child:hover {
  border-color: #58C2C1;
  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;
}
.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: #58C2C1;
}
.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;
}
.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: #58C2C1;
  color: #fff;
}
.modal.coupon .form .form-item button.selected:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
}
.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 {
  min-width: 330px;
  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;
}
.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;
}
.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;
}
.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: 800px;
  }
}
@media (min-width: 1461px) {
  .home #container .popover,
  .search-car #container .popover {
    width: 950px;
  }
}
.home #container .popover.right,
.search-car #container .popover.right {
  margin-left: 21px !important;
}
.home #container .popover {
  top: 166px !important;
}
.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;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.popover .pop-select-date .time > dl > dt:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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 #58C2C1;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-family: 'Futura-Heavy-BT', sans-serif;
  color: #58C2C1;
}
.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 #58C2C1;
  background-color: #58C2C1;
  color: #fff;
}
.popover .pop-select-date .btn-wrap button.next:hover {
  border-color: #58C2C1;
  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: #58C2C1;
  -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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1 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: #58C2C1;
}
.toast > li p {
  box-sizing: border-box;
  padding: 20px 15px 20px 65px;
}
.toast > li p span {
  font-weight: bold;
  color: #58C2C1;
}
.toast > li.toast-date div:before {
  content: '';
  background-image: url("/static/images/img-sprite.png");
  background-image: url("/static/images/img-sprite-tripnbuy.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-image: url("/static/images/img-sprite-tripnbuy.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;
}
.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-image: url("/static/images/img-sprite-tripnbuy.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: #58C2C1;
  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';
}
.banner-top .line button {
  color: #58C2C1;
}
.banner-top .collapse > span {
  color: #58C2C1;
}
.banner-top .collapse .code dd {
  background-color: #58C2C1;
}
.reserv.write #content > .left .copyMyInfoCheck1 {
  display: none !important;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control {
  color: #fff;
}
.reserv.write #content > .left .panel.terms .panel-header .tab-control > li.selected {
  border-bottom: 1px solid #fff;
}
.mypage .sideCustomerBox {
  display: none !important;
}
.mypage .sideInfoBox .dl-wrap dl {
  width: 100%;
}
.img-sprite {
  background-image: url("/static/images/img-sprite-tripnbuy.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.navbar-brand {
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.navbar-brand .brand-image {
  width: 286px;
  height: 40px;
  background-position: 0 -360px;
}
.check-system .navbar-brand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 286px;
  height: 40px;
  margin: -20px 0 0 -143px;
}
.check-system .navbar-brand .brand-image {
  width: 286px;
  height: 40px;
  background-position: 0 -360px;
}