@charset "utf-8";

/* ==================================================
	layout
================================================== */
.layout { display: flex; display: -ms-flexbox; }

.leftLayout,
.rightLayout {  }
.leftLayout { background-color: #dc2927; }
.rightLayout { background-color: #fff; z-index: 2; }

/* index */
.layout.index { height: 100vh; }
.leftLayout.index { position: relative; width: 45%; min-width: 715px; background: url('/theme/basic/img/main/mainvisual.jpg') no-repeat center / cover; }
.leftLayout.index.dev-index { position: relative; width: 45%; min-width: 715px; background: url('/theme/basic/img/main/mainvisual-3.jpg') no-repeat center / cover; }
.leftLayout.index .serviceSection { position: absolute; right: 0; bottom: 0; width: 270px; height: 124px; background-color: #b41a18; text-align: center; }
.rightLayout.index { position: relative; display: flex; width: 55%; }

/* sub */
.layout.sub { position: relative; }
.layout.sub .subLeft { position: fixed; top: 0; width: 28%; min-width: 450px; }
.leftLayout.sub { width: 28%; min-width: 450px; min-height: 100vh; }
/* .rightLayout.sub { width: 72%; background-color: #f8f8f8; } */
.rightLayout.sub { width: calc(100vw - 450px); background-color: #f8f8f8; }

/* ==================================================
	header
================================================== */
header.header {}
header.header .logo {}
header.header .navList {}

/* index */
header.header.index { display: flex; display: -ms-flexbox; width: 78%; min-width: 715px; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 48px auto 0; -ms-flex-align: center; -ms-flex-pack: justify; }

header.header.index .logo,
header.header.index .navList {  }
header.header.index .logo {}
header.header.index .snsList { display: none; }
header.header.index .navList {}

/* sub */
header.header.sub { width: 78%; min-width: 450px; margin: 55px auto 0; }
header.header.sub .logo {}
header.header.sub .snsList {  }
header.header.sub .navList {}
header.header.sub .snsList { display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin-top: 30px; -ms-flex-align: center; }
header.header.sub .snsList a { margin-right: 15px; }
header.header.sub .snsList .memberLink { height: 40px; padding: 0 35px; background-color: #fff; border-radius: 20px; color: #dc2927; font-size: 14px; font-weight: 500; line-height: 40px; }
header.header.sub .snsList .memberLink i { margin-right: 5px; vertical-align: baseline; }

/* ==================================================
	nav
================================================== */
nav.navList {}
nav.navList a { display: inline-block; color: #fff; font-size: 16px; font-weight: 500; }

/* index */
nav.navList.index {}
nav.navList.index a { margin-left: 40px; }

/* sub */
nav.navList.sub { margin-top: 45px; }
nav.navList.sub a { padding-bottom: 10px; border-bottom: 3px solid #dc2927; margin-right: 10px; line-height: 24px; }
nav.navList.sub a:hover { border-bottom: 3px solid #fff; text-decoration: none; }

/* ==================================================
	footer
================================================== */

/* index */
footer.footer.index { height: 124px; padding: 24px 11%; background-color: #353743; background-position: bottom right; background-repeat: no-repeat; }
footer.footer.index .footerLink {}
footer.footer.index .footerLink a { display: inline-block; margin-right: 10px; color: #fff; font-size: 13px; font-weight: 400; line-height: 20px; }
footer.footer.index .footCopy { position: absolute; margin-top: 10px; }
footer.footer.index .footCopy p { color: #fff; font-size: 13px; font-weight: 400; line-height: 18px; }
footer.footer.index .footCopy p span { display: inline-block; margin-right: 10px; }

/* sub */
.leftLayout.sub footer.footer.sub { width: 78%; min-width: 450px; margin: 30px auto 0; }
footer.footer.sub .footerLink {}
footer.footer.sub .footerLink a { display: inline-block; margin-right: 10px; color: #fff; font-size: 13px; font-weight: 400; line-height: 20px; }
footer.footer.sub .footCopy { margin-top: 10px; }
footer.footer.sub .footCopy p { color: #fff; font-size: 13px; font-weight: 400; line-height: 18px; }
footer.footer.sub .footCopy p span { display: inline-block; margin-right: 10px; }

/* ==================================================
	main
================================================== */
section.serviceSection { color: #fff; }
section.serviceSection .serviceTitle { margin-top: 10px; font-size: 20px; font-weight: 500; line-height: 26px; }
section.serviceSection .serviceTel { margin: 3px 0; font-size: 20px; font-weight: 500; letter-spacing: 1px; line-height: 22px; }
section.serviceSection .serviceHour { font-size: 14px; font-weight: 400; line-height: 20px; }
section.mainSection { display: flex; display: -ms-flexbox; width: 100%; flex-direction: column; justify-content: space-between; margin: 50px 0 0; }
section.mainSection .snsList { display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0 11%; -ms-flex-align: center; -ms-flex-pack: flex-end; }
section.mainSection .snsList a { margin-left: 20px; }
section.mainSection .snsList .memberLink { height: 40px; padding: 0 35px; border: 1px solid #e9e9e9; border-radius: 20px; color: #8b8b8b; font-size: 14px; font-weight: 500; line-height: 40px; }
section.mainSection .snsList .memberLink i { margin-right: 5px; vertical-align: baseline; }

/* ==================================================
	search
================================================== */

/* index */
section.searchSection.index { padding: 0 11%; }
section.searchSection.index .searchLayout { background: url('/theme/basic/img/main/jejukaka.png') no-repeat top 70px left / 100%; }
section.searchSection.index .searchSub { color: #0e0d0e; font-size: 24px; font-weight: 400; line-height: 32px; }
section.searchSection.index .searchTitle { margin: 10px 0 30px; color: #0e0d0e; font-size: 44px; font-weight: 600; line-height: 50px; }
section.searchSection.index .searchLabel { display: inline-block; width: 100px; height: 26px; margin: 30px 0 20px; background-color: #dc2927; border-radius: 13px; color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; }
section.searchSection.index .searchPicker { display: flex; flex-wrap: wrap; align-items: center; }
section.searchSection.index .searchPicker .pickerDate { height: 60px; padding: 0 20px; border: 1px solid #eef0f2; margin-top: -1px; margin-left: -1px; color: #404040; font-size: 17px; line-height: 58px; }
section.searchSection.index .searchPicker .pickerDate i { margin-right: 10px; }
section.searchSection.index .searchPicker .pickerDate:not(:nth-child(1)) { border-left: none; }
section.searchSection.index .searchType { display: flex; flex-wrap: wrap; align-items: center; }

section.searchSection.index .searchType label.checkbox {
  /* width:125px;  */

  /* width: 80px; */
  min-width: 80px;
  max-width: 190px;
  height: 60px;
  border: 1px solid #eef0f2;
  margin-top: -1px;
  margin-left: -1px;
  line-height: 58px;
  text-align: center;
}

section.searchSection.index .searchType label.checkbox.age {
  width: 110px;
}
section.searchSection.index .searchType input.checkbox { display: none; }
section.searchSection.index .searchType span.checkbox { display: block; padding: 0 0.5rem; background-color: #fff; color: #404040; font-size: 17px; }
section.searchSection.index .searchType input.checkbox:checked {}
section.searchSection.index .searchType input.checkbox:checked + span.checkbox { background-color: #dc2927; color: #fff; }
section.searchSection.index .searchButton { width: 270px; height: 70px; border: none; margin-top: 40px; background-color: #0e0d0e; color: #fff; font-size: 24px; font-weight: 400; }
section.searchSection.index .searchButton .icon { margin-left: 5px; }

/* sub */
section.searchSection.sub { width: 78%; min-width: 450px; margin: 0 auto 0; }
section.searchSection.sub .searchTitle { color: #fff; font-size: 24px; font-weight: 600; line-height: 32px; }
section.searchSection.sub .searchLabel { width: 360px; margin: 15px 0 10px; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; }
section.searchSection.sub .searchLabel i { margin-right: 5px; }
section.searchSection.sub .searchLabel span { display: inline-block; }
section.searchSection.sub .searchLabel .useHour { float: right; line-height: 24px; }
section.searchSection.sub .searchLabel .useHour span { font-weight: 600; }
section.searchSection.sub .searchPicker { width: 360px; height: 50px; background-color: #b20f0d; text-align: center; }
section.searchSection.sub .searchPicker span { display: inline-block; color: #fff; font-size: 14px; font-weight: 600; line-height: 50px; text-align: center; }
section.searchSection.sub .searchPicker .pickerTime { font-weight: 400; }
section.searchSection.sub .searchPicker .pickerArrow { margin: 0 10px; }
section.searchSection.sub .searchType { display: flex; width: 450px; flex-wrap: wrap; align-items: center; }

section.searchSection.sub .searchType label.checkbox {
  min-width: 90px;
  max-width: 170px;

  /* width:90px;  */
  height: 40px;
  margin: 0.2rem;
  line-height: 40px;
  text-align: center;
}
section.searchSection.sub .searchType input.checkbox { display: none; }
section.searchSection.sub .searchType span.checkbox { display: block; padding: 0 0.5rem; background-color: #b20f0d; color: #fff; font-size: 14px; }
section.searchSection.sub .searchType input.checkbox:checked {}
section.searchSection.sub .searchType input.checkbox:checked + span.checkbox { background-color: #fff; color: #b20f0d; }
section.searchSection.sub .searchButton { width: 175px; height: 50px; border: none; margin-top: 25px; background-color: #fff; color: #b20f0d; font-size: 16px; font-weight: 300; }

/* ==================================================
	sub
================================================== */
.leftLayout.sub .serviceSection { display: none; }
.subLayout { background-color: #f8f8f8; }

/* sub top banner */
section.subBannerSection { min-height: 102px; border-bottom: 1px solid #dc2927; background-color: #fff; }
section.subBannerSection img { margin: 0 auto; }

/* goods section */
section.goodsSection { width: 1200px; margin: 35px auto 0; }
section.goodsSection ul.goodsList {}
section.goodsSection ul.goodsList > li { display: block; padding: 15px; margin-bottom: 15px; background-color: #fff; }
section.goodsSection ul.goodsList .itemCurrent {  }
section.goodsSection ul.goodsList .itemCurrent .currentInline { display: inline-block; vertical-align: top; }
section.goodsSection ul.goodsList .itemThumb { width: 320px; height: 225px; background-position: center; background-repeat: no-repeat; background-size: cover; }
section.goodsSection ul.goodsList .itemCar { width: 630px; margin: 0 7px; }
section.goodsSection ul.goodsList .itemCar .carPartner { display: inline-block; padding: 0 25px; border: 1px solid #535356; border-radius: 15px; color: #353743; font-size: 16px; font-weight: 400; line-height: 30px; }
section.goodsSection ul.goodsList .itemCar .carTitle { display: flex; height: 48px; flex-wrap: wrap; align-items: center; margin-top: 10px; }
section.goodsSection ul.goodsList .itemCar .carTitle p { color: #0e0d0e; font-size: 20px; font-weight: 600; line-height: 24px; }
section.goodsSection ul.goodsList table.itemTable { width: 100%; margin-top: 10px; }
section.goodsSection ul.goodsList table.itemTable thead th { border: 1px solid #e9e9e9; font-size: 13px; line-height: 38px; }
section.goodsSection ul.goodsList table.itemTable tbody td { border: 1px solid #e9e9e9; font-size: 13px; font-weight: 400; line-height: 18px; vertical-align: top; }
section.goodsSection ul.goodsList table.itemTable tbody td:nth-child(1) { border-left: none; }
section.goodsSection ul.goodsList table.itemTable tbody td:nth-child(4) { border-right: none; }
section.goodsSection ul.goodsList table.itemTable th.capacity { border-left: none; color: #dc2927; font-weight: 500; }
section.goodsSection ul.goodsList table.itemTable th.option { padding-left: 20px; border-right: none; color: #8a8a8a; }
section.goodsSection ul.goodsList table.itemTable td.eachInfo { padding: 20px 0; color: #424242; text-align: center; }
section.goodsSection ul.goodsList table.itemTable td.eachInfo p { margin-top: 7px; }
section.goodsSection ul.goodsList table.itemTable td.option { padding: 20px; color: #4f4f4f; }
section.goodsSection ul.goodsList .itemBook { width: 200px; height: 230px; padding: 0 15px 20px; background-color: #fff4f6; text-align: center; }
section.goodsSection ul.goodsList .itemBook .bookDefault { margin-top: 40px; color: #424242; font-size: 13px; font-weight: 400; line-height: 18px; }
section.goodsSection ul.goodsList .itemBook .bookPrice { margin-top: 5px; color: #dc2927; font-family: 'nanum-square-r'; font-size: 32px; font-weight: 600; letter-spacing: -1px; line-height: 34px; }
section.goodsSection ul.goodsList .itemBook .bookPrice::before { display: inline-block; content: '￦'; font-size: 20px; font-weight: 600; }
section.goodsSection ul.goodsList .itemBook .bookIns { margin-top: 17px; color: #424242; font-size: 13px; font-weight: 400; line-height: 18px; }
section.goodsSection ul.goodsList .itemBook .bookButton { width: 100%; height: 55px; border: none; margin-top: 23px; background-color: #b20f0d; color: #fff; font-size: 16px; font-weight: 400; }
section.goodsSection ul.goodsList .itemList { margin-top: 30px; }
section.goodsSection ul.goodsList .itemList .listLabel { display: inline-block; padding: 0 15px 10px; border-bottom: 4px solid #dc2927; color: #dc2927; font-size: 15px; font-weight: 600; line-height: 22px; }
section.goodsSection ul.goodsList table.listTable { width: 100%; border-top: 1px solid #e9e9e9; }
section.goodsSection ul.goodsList table.listTable td { padding: 16px 0; color: #0e0d0e; cursor: pointer; font-size: 15px; font-weight: 400; line-height: 34px; }
section.goodsSection ul.goodsList table.listTable td.listPartner { padding-left: 35px; }
section.goodsSection ul.goodsList table.listTable td.listQty { text-align: center; }
section.goodsSection ul.goodsList table.listTable td.listAge { text-align: center; }
section.goodsSection ul.goodsList table.listTable td.listCapacity { text-align: center; }
section.goodsSection ul.goodsList table.listTable td.listIns { text-align: center; }
section.goodsSection ul.goodsList table.listTable td.listPrice { text-align: center; }
section.goodsSection ul.goodsList table.listTable td.listButton { padding-right: 16px; padding-left: 16px; text-align: center; }
section.goodsSection ul.goodsList table.listTable td.listButton .bookButton { width: 100%; height: 34px; border: none; background-color: #bea9ac; color: #fff; font-size: 15px; font-weight: 400; }
section.goodsSection ul.goodsList table.listTable tr.current td { background-color: #fff4f6; }
section.goodsSection ul.goodsList table.listTable tr.current td.listButton .bookButton { background-color: #dc2927; }
section.goodsSection ul.goodsList table.listTable tr:hover td { background-color: #fff4f6; }

/* booking */
section.goodsBookSection ul.goodsList .itemCar { width: 840px; margin: 0 0 0 7px; }
section.bookCommonSection { width: 1200px; padding: 48px 70px; margin: 0 auto 15px; background-color: #fff; }
section.bookCommonSection .sectionTitle { color: #4f4f4f; font-size: 20px; font-weight: 600; line-height: 30px; }
section.bookCommonSection label.checkbox { display: inline-block; height: 30px; line-height: 30px; }
section.bookCommonSection input.checkbox { display: none; }
section.bookCommonSection span.checkbox { color: #4f4f4f; font-size: 20px; font-weight: 400; }
section.bookCommonSection span.checkbox::before { display: inline-block; width: 30px; height: 30px; margin-right: 15px; background-color: #c2c4cf; color: #fff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; line-height: 30px; line-height: 30px; text-align: center; vertical-align: top; }
section.bookCommonSection input.checkbox:checked {}
section.bookCommonSection input.checkbox:checked + span.checkbox::before { background-color: #dc2927; }
section.bookCommonSection label.button { width: 125px; height: 60px; border: none; line-height: 60px; text-align: center; }
section.bookCommonSection input.button { display: none; }
section.bookCommonSection span.button { display: block; background-color: #c2c4cf; color: #fff; font-size: 20px; }
section.bookCommonSection input.button:checked {}
section.bookCommonSection input.button:checked + span.button { background-color: #dc2927; }
section.bookCommonSection input.inputForm { height: 60px; padding: 0 20px; border: 1px solid #e3e3e3; font-size: 18px; line-height: 60px; }
section.bookInsSection {}
section.bookInsSection .insList { margin-top: 30px; }
section.bookInsSection .insList label.checkbox { display: block; margin-top: 18px; }
section.bookUserSection {}
section.bookUserSection .userLayout { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bookUserSection .userLayout .userTitle { margin-bottom: 30px; }
section.bookUserSection .userLayout .userInline { display: inline-block; width: 480px; vertical-align: top; }
section.bookUserSection .userLabel { display: inline-block; margin: 15px 0 10px; color: #525252; font-size: 20px; font-weight: 400; line-height: 26px; }
section.bookUserSection .userLabel .require { color: #e04442; font-size: 18px; }
section.bookUserSection .userCheckList { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bookUserSection .userCheckList label.button { display: inline-block; width: 49%; vertical-align: top; }

section.bookRentGuide { padding: 48px 0 0; }
section.bookRentGuide .agreeLayout { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 70px; }
section.bookRentGuide .agreeLayout .agreeTitle { margin-bottom: 30px; }
section.bookRentGuide .agreeLayout .agreeInline { display: inline-block; width: 480px; vertical-align: top; }
section.bookRentGuide .guideContent { padding-bottom: 48px; }

section.bookAgreeSection { padding: 48px 0 0; }
section.bookAgreeSection .agreeLayout { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 70px; }
section.bookAgreeSection .agreeLayout .agreeTitle { margin-bottom: 30px; }
section.bookAgreeSection .agreeLayout .agreeInline { display: inline-block; width: 480px; vertical-align: top; }
section.bookAgreeSection .agreeTabsList { background-color: #fbfbfb; }
section.bookAgreeSection .agreeTabsList > span { position: relative; display: inline-block; margin-left: 60px; color: #dc2927; cursor: pointer; font-size: 18px; font-weight: 400; line-height: 60px; vertical-align: middle; }
section.bookAgreeSection .agreeTabsList > span.current::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #dc2927; content: ''; }
section.bookAgreeSection .agreeTerms { display: none; }
section.bookAgreeSection .agreeTerms.current { display: block; }
section.bookAgreeSection .agreeTerms .termsContent { height: 390px; padding: 30px 60px; overflow-y: scroll; }
section.bookAgreeSection .agreeTerms .termsContent * { font-size: 11pt; line-height: 1.5; }
section.bookAgreeSection .agreeTerms .agreeCheck { padding-left: 60px; background-color: #fbfbfb; line-height: 60px; }
section.bookPaySection {}
section.bookPaySection .payRecheckLayout { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
section.bookPaySection .payRecheckLayout .recheckInline { display: inline-block; vertical-align: middle; }
section.bookPaySection .payRecheckLayout .recheckContent { display: block; margin-bottom: 15px; }
section.bookPaySection .payRecheckLayout .recheckContent:nth-child(5) { margin: 0; }
section.bookPaySection .payRecheckLayout .recheckContent p { display: inline-block; color: #404040; font-size: 20px; font-weight: 400; line-height: 24px; vertical-align: top; }
section.bookPaySection .payRecheckLayout .recheckContent span { display: inline-block; font-weight: 600; }
section.bookPaySection .payRecheckLayout .recheckContent .title { width: 125px; }
section.bookPaySection .payRecheckLayout .recheckContent .title i { margin-right: 10px; }
section.bookPaySection .payRecheckLayout .recheckThumb { width: 320px; height: 225px; background-position: center; background-repeat: no-repeat; background-size: cover; }
section.bookPaySection .payMethod { padding: 32px 50px; background: #fafafa url('/theme/basic/img/sub/paycard.png') no-repeat top 25px right 55px; color: #525252; font-size: 20px; font-weight: 600; line-height: 26px; }
section.bookPaySection .payMethod .methodMemo { display: inline-block; margin-left: 25px; font-size: 14px; font-weight: 400; }

section.bookPaySection .payPrice {
  padding: 32px 50px;
  background-color: #b41a18;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
section.bookPaySection .payPrice span { display: inline-block; margin-left: 25px; }
section.bookPaySection .payPrice .priceInclude { font-size: 14px; font-weight: 400; }
section.bookSubmitSection { margin: 65px auto; text-align: center; }
section.bookSubmitSection .submit { width: 530px; height: 70px; border: none; background-color: #dc2927; color: #fff; font-size: 20px; font-weight: 400; }

/* 예약 완료 */
section.bookedSection { width: 1200px; padding: 75px 0; margin: 15px auto; background-color: #fff; text-align: center; }
section.bookedSection .bookedTitle { color: #404040; font-size: 24px; font-weight: 400; line-height: 30px; }
section.bookedSection .bookedTitle span { color: #2b2b2b; font-weight: 600; }
section.bookedSection .bookedMemo { margin: 15px 0 35px; color: #404040; font-size: 14px; font-weight: 400; line-height: 16px; }
section.bookedSection .bookedButtonList {  }
section.bookedSection .bookedButtonList .bookedButton { display: inline-block; width: 195px; height: 60px; color: #fff; font-size: 20px; font-weight: 400; line-height: 60px; text-align: center; }
section.bookedSection .bookedButtonList .bookedBlack { background-color: #353743; }
section.bookedSection .bookedButtonList .bookedRed { background-color: #b20f0d; }














/* ===================================================================================
	과거
=================================================================================== */

/* ==================================================
	footer
================================================== */
footer.l-footer { padding-top: 30px; border-top: 1px solid #e7e7e7; background-color: #fff; }
footer.l-footer .l-copy p { margin-left: 50px; }
footer.l-footer .l-copy span { color: #352f2f; font-size: 12px; line-height: 20px; }

footer.l-footer .l-copy span:not(:nth-child(1))::before {
  display: inline-block;
  margin: 0 5px 0 0;
  color: #352f2f;
  content: '|';
  font-size: 10px;
  vertical-align: bottom;
}

footer.l-footer ul.l-tail { display: table; width: 100%; }
footer.l-footer ul.l-tail > li { display: table-cell; padding: 22px 0; vertical-align: middle; }
footer.l-footer ul.l-tail > li.logo { padding-left: 50px; }
footer.l-footer ul.l-tail > li.link { width: 50%; text-align: right; }

footer.l-footer ul.l-tail > li.link > a {
  display: inline-block;
  width: 118px;
  height: 24px;
  border: 1px solid #bbb9b9;
  margin-right: 15px;
  color: #2d2626;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 24px;
  text-align: center;
}

/* ==================================================
	index
================================================== */
.l-mainvisual { position: relative; height: 808px; }
.l-mainvisual ul.l-visual-slider { max-height: 808px; }
.l-mainvisual ul.l-visual-slider li { height: 808px; max-height: 808px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.l-mainvisual ul.l-visual-slider li > a { display: inline-block; width: 100%; height: 808px; }
.l-mainvisual .bx-pager { position: absolute; bottom: 40px; left: 0; display: block; width: 100%; text-align: center; }
.l-mainvisual .bx-pager .bx-pager-item { display: inline-block; }
.l-mainvisual .bx-pager a.bx-pager-link { display: inline-block; width: 16px; height: 16px; margin-right: 10px; background-color: #fff; border-radius: 100%; font-size: 0; }
.l-mainvisual .bx-pager a.bx-pager-link.active { width: 33px; height: 16px; background-color: #c41f20; border-radius: 25px; }
.l-mainvisual .l-main-search_wr { position: absolute; top: 24px; right: 50%; margin-right: -561px; }

/* main search */
.l-main-search { width: 400px; }
.l-main-search > * { display: block; }
.l-main-search .l-search_box { display: block; padding: 15px 35px; }
.l-main-search .l-search_box > h3.title { margin-bottom: 10px; font-size: 20px; font-weight: 600; letter-spacing: -1px; line-height: 30px; }

/* main search date */
.l-main-search > .search-date { border-bottom: 1px solid #f2f2f2; background-color: rgba(255, 255, 255, 0.8); }
.l-main-search > .search-date ul.search-form { position: relative; display: inline-block; width: 100%; cursor: pointer; }
.l-main-search > .search-date ul.search-form > li { display: block; text-align: left; vertical-align: middle; }
.l-main-search > .search-date ul.search-form > li.next-step { position: absolute; top: 80px; left: 140px; }
.l-main-search > .search-date ul.search-form > li.bz-edate { margin-top: 40px; }
.l-main-search > .search-date ul.search-form > li > span { display: inline-block; font-weight: 600; line-height: 44px; }
.l-main-search > .search-date ul.search-form > li > .date-d { color: #392c2c; font-size: 36px; letter-spacing: 0.5px; }

.l-main-search > .search-date ul.search-form > li > .date-y {
  padding-left: 4px;
  margin-right: -3px;
  color: #91969c;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
}

.l-main-search > .search-date ul.search-form > li > .date-yoil {
  padding-right: 4px;
  margin-left: -5px;
  color: #91969c;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1px;
}
.l-main-search > .search-date ul.search-form > li > .date-t { color: #584e4e; font-size: 32px; letter-spacing: 0.5px; }
.l-main-search > .search-date ul.search-form > li > .label { display: block; color: #6b6d71; font-size: 20px; letter-spacing: -1px; line-height: 22px; }
.l-main-search > .search-date ul.search-form > li > .label > span { color: #9baec8; line-height: 30px; }
.l-main-search > .search-date ul.search-form > li > img { padding: 0 2px; vertical-align: text-top; }

/* main search option */
.l-main-search > .search-option .l-search_box.l-border-bottom { padding: 10px 40px; border-bottom: 1px solid #d2d2d2; }
.l-main-search > .search-option { background-color: rgba(255, 255, 255, 0.7); }
.l-main-search > .search-option .l-main-insurance input { display: none; }

.l-main-search > .search-option .l-main-insurance label {
  display: inline-block;
  width: 132px;
  height: 34px;
  margin: 0 2px 10px;
  background-color: #fff;
  border-radius: 10px;
  color: #303030;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 34px;
  text-align: center;
}
.l-main-search > .search-option .l-main-insurance > li { display: inline-block; }
.l-main-search > .search-option .l-main-insurance > li input:checked + label { background-color: #ca2a0f; color: #fff; }
.l-main-search > .search-option .l-main-cartype { display: inline-block; }
.l-main-search > .search-option .l-main-cartype > li { display: inline-block; }
.l-main-search > .search-option .l-main-cartype > li input { display: none; }

.l-main-search > .search-option .l-main-cartype > li label {
  display: inline-block;
  width: 70px;
  min-width: 32px;
  height: 34px;
  margin: 0 2px 10px;
  background-color: #fff;
  border-radius: 10px;
  color: #303030;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
}
.l-main-search > .search-option .l-main-cartype > li input:checked + label { background-color: #ca2a0f; color: #fff; }

/* main search submit */
.l-main-search > .search-option .l-main-submit {
  display: block;
  width: 100%;
  height: 70px;
  background-color: #ca2a0f;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 70px;
  text-align: center;
}

/* l-main-rent-count */
ul.l-main-rent-count { display: table; width: 1200px; margin-top: 110px; }
ul.l-main-rent-count > li { display: table-cell; width: 33%; text-align: center; vertical-align: middle; }
ul.l-main-rent-count > li .shape-circle { display: block; width: 273px; height: 273px; margin: 0 auto; background-color: #f6f6f6; border-radius: 100%; text-align: center; }
ul.l-main-rent-count > li span { display: block; font-family: 'nanum-square-r'; text-align: center; }
ul.l-main-rent-count > li i { margin-top: 54px; }
ul.l-main-rent-count > li .count { margin-top: 16px; color: #695959; font-size: 36px; font-weight: 600; line-height: 44px; }
ul.l-main-rent-count > li .title { color: #7b6d6d; font-size: 24px; line-height: 38px; }
[class^="count-icon-"] { display: inline-block; width: 70px; height: 61px; background: url('/theme/basic/img/main/icon-count.png') no-repeat; vertical-align: middle; }
.count-icon-user { background-position: 0 0; }
.count-icon-time { background-position: -70px 0; }
.count-icon-car { background-position: -140px 0; }

/* 예약확인 */
.l-main-confirm_wr {
  display: inline-block;
  height: 336px;
  margin-top: 110px;
  background-attachment: fixed;
  background-image: url('/theme/basic/img/main/bg-attachment.jpg');
  background-position: bottom center;
  background-size: cover;
  text-align: center;
}
ul.l-main-confirm { display: table; width: 1085px; margin: 114px auto; background-color: rgba(255, 255, 255, 0.6); border-radius: 5px; }
ul.l-main-confirm > li { display: table-cell; height: 116px; line-height: 116px; text-align: center; }
ul.l-main-confirm > li .fm-box { display: inline-block; margin-left: 50px; text-align: center; }
ul.l-main-confirm > li .fm-box:nth-child(1) { margin-left: 0; }
ul.l-main-confirm > li .fm-box > label { margin-right: 20px; color: #402e2e; font-family: 'nanum-square-r'; font-size: 20px; font-weight: 600; line-height: 40px; }
ul.l-main-confirm > li .fm-box > .form-text { width: 180px; height: 40px; padding: 0 10px; border: 1px solid #e0e0e0; background-color: #fff; line-height: 40px; }

ul.l-main-confirm > li.submit-btn {
  width: 285px;
  background-color: rgba(197, 0, 0, 0.6);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
}
ul.l-main-confirm > li.submit-btn button.btn-submit { color: #fff; font-family: 'nanum-square-r'; font-size: 28px; font-weight: 500; }

/* 상품추천카테고리 */
.l-main-recommend { padding: 75px 0 100px; background-color: #fcfcfc; }
.l-main-recommend .l-main-recommend-title { text-align: center; }
.l-main-recommend .l-main-recommend-title h3.title { color: #444; font-family: 'nanum-square-r'; font-size: 26px; font-weight: 600; line-height: 40px; text-align: center; }

.l-main-recommend .l-main-recommend-title span.explain {
  display: block;
  color: #444;
  font-family: 'nanum-square-r';
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.l-main-recommend .l-main-recommend-title span.explain::after { display: block; width: 45px; height: 4px; margin: 7px auto 0; background-color: #dc1516; content: ''; }
ul.l-recommend-type { display: block; width: 1160px; margin: 40px auto 0; text-align: center; }
ul.l-recommend-type > li { display: inline-block; width: 277px; border: 1px solid #f1f1f1; margin-left: 9px; background-color: #fff; border-radius: 5px; vertical-align: top; }
ul.l-recommend-type > li:nth-child(1) { margin-left: 0; }
ul.l-recommend-type > li figure { display: block; width: 100%; height: 288px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
ul.l-recommend-type > li figcaption { display: block; margin: 10px 15px 14px; }
ul.l-recommend-type > li figcaption > span { display: block; color: #656363; font-family: 'nanum-square-r'; text-align: left; }
ul.l-recommend-type > li figcaption > .goods-type { font-size: 18px; font-weight: 600; line-height: 28px; }
ul.l-recommend-type > li figcaption > .goods-explain { font-size: 14px; line-height: 24px; }
ul.l-recommend-type > li figcaption > .goods-price { margin-top: 9px; font-weight: 600; letter-spacing: -0.5px; line-height: 27px; text-align: right; }
ul.l-recommend-type > li figcaption > .goods-price > .title { margin-right: 3px; color: rgba(195, 50, 50, 0.8); font-size: 15px; }
ul.l-recommend-type > li figcaption > .goods-price > .price { color: #656363; font-size: 20px; }
ul.l-recommend-type > li figcaption > .goods-price > .price::before { content: "￦"; font-family: 'nanum-square-r'; font-size: 17px; }
ul.l-recommend-type > li figure.type-ev { background-image: url('/theme/basic/img/main/bg-type-ev.jpg'); }
ul.l-recommend-type > li figure.type-sm { background-image: url('/theme/basic/img/main/bg-type-sm.jpg'); }
ul.l-recommend-type > li figure.type-rv { background-image: url('/theme/basic/img/main/bg-type-rv.jpg'); }
ul.l-recommend-type > li figure.type-ic { background-image: url('/theme/basic/img/main/bg-type-ic.jpg'); }
ul.l-recommend-type > li:hover { border-radius: 5px; box-shadow: 0 0 0 2px #ca2a0f; }

/* ==================================================
	sub:rent-list
================================================== */
aside#quick-menu { position: fixed; z-index: 1; top: 0; left: 50%; width: 153px; margin-left: -780px; }
aside#quick-menu > ul { display: block; }
aside#quick-menu > ul > li { display: block; width: 153px; }
aside#quick-menu > ul > li > img { margin-top: -4px; vertical-align: top; }

.l-body_sub header.l-header_sub {
  position: absolute;
  right: 50%;
  width: 298px;
  height: 100%;
  border-right: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  margin-right: -600px;
  background-color: #f7f7f7;
}

.l-body_sub header.l-header_sub.l-chosen-car-fixed { position: fixed; z-index: 1; }
.l-body_sub header.l-header_sub.l-chosen-car-fixed_footer { position: fixed; bottom: 185px; border-bottom: 1px solid #e7e7e7; }
header.l-header_sub .head-logo_wr { display: block; padding: 12px 20px 0; border-bottom: 1px solid #f5f5f5; background-color: #fff; }
header.l-header_sub .head-logo_wr .logo_wr { padding-bottom: 12px; }
header.l-header_sub .head-logo_wr .logo_wr > a { display: inline-block; vertical-align: middle; }
header.l-header_sub .head-logo_wr .logo_wr > a.logo img { max-width: 158px; }
header.l-header_sub .head-logo_wr .logo_wr > a.js-menu { margin-top: 6px; float: right; }

/* datepicker */
header.l-header_sub .head-datepricer_wr { position: relative; display: block; padding: 22px 0 22px 29px; border-bottom: 1px solid #d2d2d2; background-color: #fff; }
header.l-header_sub .search-date { color: #91969c; font-size: 14px; font-weight: 600; }
header.l-header_sub .search-date .label { display: block; color: #6b6d71; font-size: 14px; font-weight: 600; line-height: 22px; }
header.l-header_sub .search-date .date-d { color: #392c2c; font-size: 28px; font-weight: 600; letter-spacing: 0.5px; }
header.l-header_sub .search-date .date-y { padding-left: 3px; margin-right: -2px; color: #91969c; font-size: 14px; font-weight: 600; }
header.l-header_sub .search-date .date-yoil { padding-right: 10px; margin-left: -2px; color: #91969c; font-size: 14px; font-weight: 600; }
header.l-header_sub .search-date .date-t { color: #584e4e; font-size: 22px; font-weight: 600; letter-spacing: 0.5px; }
header.l-header_sub .head-datepricer_wr .next-step { position: absolute; right: 0; bottom: 58px; width: 100%; text-align: center; }
header.l-header_sub .search-ee { margin-top: 22px; }

/* filter */
header.l-header_sub .search-option { position: relative; padding: 12px 20px 12px; background-color: #f7f7f7; }

header.l-header_sub .search-option .l-filter-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  background-color: #d2d2d2;
  color: #524848;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
}
header.l-header_sub .search-option .option_box {  }
header.l-header_sub .search-option h3.title { margin-top: 5px; margin-bottom: 3px; color: #3d3737; font-size: 16px; font-weight: 600; line-height: 24px; }
header.l-header_sub .search-option h3.title > i { margin-right: 6px; }
header.l-header_sub .search-option .option_box ul:nth-child(2) label { width: 115px; }
header.l-header_sub .search-option .option_box ul:nth-child(4) label { width: 53px; }
header.l-header_sub .search-option .option_box ul:nth-child(6) label { width: 75px; }
header.l-header_sub .search-option .option_box ul:nth-child(6) li:nth-of-type(4) label { width: 110px; }
header.l-header_sub .search-option .option_box ul:nth-child(8) label { width: 65px; }
header.l-header_sub .search-option input { display: none; }

header.l-header_sub .search-option label {
  display: inline-block;
  height: 28px;
  border: 1px solid #e7e5e5;
  margin: 0 2px 9px;
  background-color: #f7f7f7;
  border-radius: 10px;
  color: #524848;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 28px;
  text-align: center;
}
header.l-header_sub .search-option li { display: inline-block; }
header.l-header_sub .search-option li input:checked + label { border: 1px solid #dc4b4c; background-color: #ca2a0f; color: #fff; }

/* submit */
header.l-header_sub .search-submit { padding: 15px 20px; border-top: 1px solid #f5f5f5; background-color: #fff; }
header.l-header_sub .search-submit > span { display: block; }
header.l-header_sub .search-submit > span.price { line-height: 22px; }
header.l-header_sub .search-submit > span.price > span { display: inline-block; }
header.l-header_sub .search-submit > span.price > .title { color: #c4c4c4; font-size: 16px; font-weight: 600; }
header.l-header_sub .search-submit > span.price > .total-price { color: #3f3838; float: right; font-size: 28px; font-weight: 600; }
header.l-header_sub .search-submit > span.price > .total-price::after { color: #3f3838; content: '원'; font-size: 22px; font-weight: 500; }
header.l-header_sub .search-submit > span.submit-age { margin-top: 17px; color: #a72e3a; font-size: 17px; line-height: 24px; text-align: center; }
header.l-header_sub .search-submit > span.submit-text { color: #706161; font-size: 16px; line-height: 24px; text-align: center; }

header.l-header_sub .search-submit button.l-submit-buy {
  display: block;
  width: 100%;
  height: 54px;
  margin-top: 15px;
  background-color: #ca2a0f;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 54px;
}

header.l-header_sub button.l-submit-buy {
  display: block;
  width: 100%;
  height: 54px;
  margin-top: 15px;
  background-color: #ca2a0f;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 54px;
}

/* 추가 서치 css */
header.l-header_sub section.subSearchSection { border-bottom: 1px solid #d2d2d2; }
header.l-header_sub section.subSearchSection .head-datepricer_wr { border-bottom: none; }
header.l-header_sub section.subSearchSection button.l-submit-buy { width: 100%; margin-top: 15px; }
[class^="filter-icon-"] { display: inline-block; width: 19px; height: 15px; background: url('/theme/basic/img/sub/icon-search_option.png') no-repeat; vertical-align: middle; }
.filter-icon-insurance { background-position: 0 0; }
.filter-icon-cartype { padding-right: 2px; background-position: -19px 0; }
.filter-icon-fuel { background-position: -38px 0; }
.filter-icon-option { padding-right: 2px; background-position: -59px 0; }
nav.l-nav_sub { display: none; width: 100%; background-color: #fff; }

nav.l-nav_sub > a {
  display: block;
  padding: 0 35px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 3px;
  background-color: #f9f9f9;
  color: #3e3e3e;
  font-family: 'nanum-square-r';
  font-size: 20px;
  line-height: 75px;
  text-align: right;
}
nav.l-nav_sub > a:nth-child(1) { border-top: none; }
nav.l-nav_sub > a:nth-child(5) { margin-bottom: 0; }
nav.l-nav_sub > a i.icon-right-dir { color: #d5493d; float: left; font-size: 26px; }

/* ==================================================
	rent list
================================================== */
.js-progressbar { position: absolute; z-index: 1; top: 51px; left: 0; width: 870px; background-color: #fff; }
.js-progressbar .loading { padding: 250px 0; text-align: center; }
.js-progressbar .loading > * { display: block; margin: 0 auto; text-align: center; }
.js-progressbar .loading .progress-ment { color: #525252; font-family: 'nanum-square-r'; font-size: 30px; line-height: 40px; }
.js-progressbar .loading .progress-ment > span { font-weight: 600; }
.js-used-now { display: none; }
.l-rent-list_wr { width: 870px; min-height: 900px; padding-bottom: 20px; }
.l-rent-used-user { display: table; overflow: hidden; width: 100%; height: 46px; height: 46px; border: 1px solid #f4f4f4; margin-bottom: 2px; background-color: #f4f4f4; }
.l-rent-used-user > .l-rent-used-user-cell { display: table-cell; overflow: hidden; height: 46px; color: #5a4e4e; font-size: 14px; line-height: 46px; vertical-align: middle; }
.l-rent-used-user > .l-rent-used-user-cell.user-total { text-align: right; }
.l-rent-used-user span { color: #5a4e4e; font-size: 14px; line-height: 46px; }
.l-rent-used-user .slick-list { overflow: hidden; height: 44px !important; max-height: 46px; }
.l-rent-used-user .slick-list > .slick-track { overflow: hidden; }
.l-rent-used-user .slick-slide { width: 490px !important; height: 22px; line-height: 22px; }
.l-rent-used-user .used-row { width: 490px !important; }
.l-rent-used-user .used-row .used-now { padding-left: 15px; color: #9b9286; }
.l-rent-used-user .slick-slide.slick-current.slick-active .used-now { color: #b55252 !important; }
.l-rent-used-user .used-row .used-now > span.bar { display: inline-block; padding: 0 2px 0 6px; color: #c0c0c0; }

.l-rent-used-user .used-user,
.l-rent-used-user .used-hour { text-align: right; }
.l-rent-used-user .used-user::after { margin: 0 6px; color: #bfbcae; content: '|'; font-size: 20px; font-weight: 600; }
.l-rent-used-user .used-hour { padding-right: 15px; }

.l-rent-used-user .used-user > span,
.l-rent-used-user .used-hour > span { color: #d8995b; font-size: 18px; font-weight: 600; }

.l-rent-used-user .used-user > span.unit,
.l-rent-used-user .used-hour > span.unit { color: #5a4e4e; font-size: 17px; font-weight: 500; }
ul.l-car-list { display: inline-block; width: 100%; min-height: 900px; }
ul.l-car-list > li { display: table; width: 100%; min-height: 385px; border: 1px solid #eee; margin-bottom: 24px; background-color: #fdfdfd; }
ul.l-car-list > li.clone { display: none; }
ul.l-car-list > li:hover .l-goods-thum .option { visibility: visible; }

ul.l-car-list > li > .l-goods-thum,
ul.l-car-list > li > .l-goods-detail { position: relative; display: table-cell; vertical-align: top; }
ul.l-car-list .l-goods-thum { width: 265px; background-color: #fff; }
ul.l-car-list .l-goods-thum > * { display: block; margin: 0; }
ul.l-car-list .l-goods-thum .option > span { color: #fff; font-size: 14px; }
ul.l-car-list .l-goods-thum .option i { color: #fff; }

ul.l-car-list .l-goods-thum .title {
  position: absolute;
  top: 25px;
  display: block;
  width: 100%;
  margin-top: 5px;
  color: #333434;
  font-size: 27px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
  word-break: keep-all;
}
ul.l-car-list .l-goods-thum figure { width: 265px; height: 265px; margin-top: 25px; background-position: center; background-repeat: no-repeat; background-size: cover; }
ul.l-car-list .l-goods-thum figure.default { background-position-x: center; background-size: contain; }
ul.l-car-list .l-goods-thum figcaption { height: 26px; padding-bottom: 30px; line-height: 26px; text-align: center; }
ul.l-car-list .l-goods-thum figcaption > span { display: inline-block; vertical-align: middle; }
ul.l-car-list .l-goods-thum figcaption > span:not(:nth-child(1)) { margin-left: 15px; }
ul.l-car-list .l-goods-thum figcaption > span > span { margin-left: 3px; color: #282c37; font-size: 15px; font-weight: 600; vertical-align: top; }
ul.l-car-list .l-goods-detail { background-color: #fdfdfd; }
ul.l-car-list ul.l-goods-explain { display: table; width: 100%; }
ul.l-car-list ul.l-goods-explain > li { display: table-cell; vertical-align: bottom; }
ul.l-car-list ul.l-goods-explain > li > .title { display: block; padding-left: 15px; margin-top: 15px; color: #a6373d; font-size: 20px; font-weight: 600; line-height: 30px; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate { position: relative; display: block; padding-left: 15px; }

ul.l-car-list ul.l-goods-explain > li .chosen-rate::after {
  position: absolute;
  top: 0;
  display: block;
  color: #c4c4c4;
  content: '상품금액';
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
ul.l-car-list ul.l-goods-explain > li .chosen-rate > span { display: inline-block; height: 26px; line-height: 26px; vertical-align: baseline; }

ul.l-car-list ul.l-goods-explain > li .chosen-rate > .l-after-won::after {
  display: inline-block;
  color: #282c37;
  content: '원';
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
ul.l-car-list ul.l-goods-explain > li .chosen-rate > .rate-normal.l-after-won::after { color: #8c8485; }

/* 폰트사이즈 조정함 금액표시에 자릿수가 많아서 밀림현상 PC */
ul.l-car-list ul.l-goods-explain > li .chosen-rate > .rate-normal { color: #8c8485; font-size: 17px; font-weight: 600; letter-spacing: -0.5px; text-decoration: line-through; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate > .rate-sales { color: #c9192a; font-size: 24px; font-weight: 600; letter-spacing: -0.5px; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate > .rate-sign { padding: 0 4px; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate > .rate-sign > i { color: #da494a; font-size: 19px; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate > span::before { display: block; color: #c4c4c4; content: ''; font-size: 14px; font-weight: 500; line-height: 20px; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate > xx.rate-normal::before { content: '상품금액'; text-decoration: inherit !important; }
ul.l-car-list ul.l-goods-explain > li .chosen-rate > .rate-sales::before { content: '실시간 옥션가'; font-weight: 600; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent { width: 320px; padding-right: 10px; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option { width: 100%; text-align: right; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li { display: inline-block; height: 36px; margin-left: 2px; line-height: 36px; vertical-align: middle; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li:nth-child(5) { margin-right: 1px; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li:nth-child(6) { margin-right: 1px; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li:nth-child(7) { margin-right: 1px; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li > * { display: inline-block; text-align: left; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li > i.on + span { color: #a6373d; }
ul.l-car-list ul.l-goods-explain > li.chosen-rent ol.current-option > li > span { color: #c4c4c4; font-size: 13px; font-weight: 600; letter-spacing: -1px; line-height: 36px; }
ul.l-car-list table.t-rent-list { width: 100%; margin-top: 12px; }

ul.l-car-list table.t-rent-list tbody tr.active > td,
ul.l-car-list table.t-rent-list tbody tr:hover > td { background-color: #ca2a0f; color: #fff; cursor: pointer; }

ul.l-car-list table.t-rent-list tbody tr.active > td > span,
ul.l-car-list table.t-rent-list tbody tr:hover > td > span { color: #fff; }

ul.l-car-list table.t-rent-list thead th,
ul.l-car-list table.t-rent-list tbody td { border-top: 1px solid #d9e1e8; border-bottom: 1px solid #d9e1e8; background-color: #fefefe; font-weight: 500; text-align: center; }
ul.l-car-list table.t-rent-list thead th { height: 30px; background-color: #f9fbfc; color: #61646c; font-size: 14px; font-weight: 600; line-height: 30px; }
ul.l-car-list table.t-rent-list tbody td { padding: 10px 0; color: #282c37; font-size: 14px; line-height: 20px; vertical-align: middle; }
ul.l-car-list table.t-rent-list tbody td.text-left { text-align: left; }

ul.l-car-list table.t-rent-list tbody td > span.option,
ul.l-car-list table.t-rent-list tbody td > span.option > i { display: inline-block; color: #fefefe; font-style: normal; line-height: 15px; }

ul.l-car-list table.t-rent-list tbody tr.active > td:nth-child(6)::before,
ul.l-car-list table.t-rent-list tbody tr:hover td:nth-child(6)::before { background-position: 0 -6px; }
ul.l-car-list table.t-rent-list td > .price { font-weight: 600; }
ul.l-car-list table.t-rent-list td > .price.bz-normal-price { font-weight: 500; text-decoration: line-through; }
ul.l-car-list table.t-rent-list td > .price.js-won-after::after { display: inline-block; content: '원'; }
ul.l-car-list table.t-rent-list td > .price.bz-sale-price { position: relative; display: block; }

ul.l-car-list table.t-rent-list td > .price.bz-sale-price::before {
  position: absolute;
  top: 18px;
  left: 0;
  display: none;
  width: 11px;
  height: 6px;
  background-image: url('/theme/basic/img/sub/icon-bg-arrow-del.png');
  content: '';
}

ul.l-car-list table.t-rent-list tr:hover td > .price.bz-sale-price::before,
ul.l-car-list table.t-rent-list tr.active td > .price.bz-sale-price::before { background-position: 0 -6px; }
ul.l-car-list table.t-rent-list td .bookButton { display: inline-block; width: 80px; height: 35px; background-color: #ca2a0f; color: #fff; font-size: 14px; line-height: 35px; }

ul.l-car-list .l-goods-detail button.more {
  display: block;
  width: 100%;
  height: 38px;
  color: #282c37;
  font-size: 14px;
  font-weight: 600;
  line-height: 38px;
  outline: none;
  text-align: center;
}
ul.l-car-list .l-goods-detail button.more > i { padding-left: 5px; color: #c4c4c4; font-size: 12px; font-weight: 100; vertical-align: middle; }

/* 자세히보기 */
ul.l-car-list > li > .l-goods-detail .js-chosen_option { position: absolute; top: 0; right: 0; bottom: 0; display: none; max-height: 385px; background-color: #f9f9f9; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option.is-visible { display: block; width: 100%; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option table.t-rent-list { margin-top: 0; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option table.t-rent-list tbody tr > td { background-color: #ca2a0f; color: #fff; cursor: pointer; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option table.t-rent-list tbody tr > td > span { color: #fff; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option .show-option { display: block; padding: 10px 35px; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option .show-option p { color: #545151; font-size: 15px; line-height: 32px; text-align: justify; }
ul.l-car-list > li > .l-goods-detail .js-chosen_option .show-option p > span { color: #545151; word-break: keep-all; }

/* modal company option */
#modal_detail { display: none; transition: visibility 0s linear 0.3s, opacity 0.3s; }
#modal_detail.active { position: fixed; z-index: 2; top: 10%; bottom: 10%; left: 50%; display: block; margin-left: -385px; background-color: #fff; }
#modal_detail.active::before { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); content: ''; }
#modal_detail.active .l-modal-wrap { position: relative; width: 770px; background-color: #fff; }
#modal_detail .js-chosen_option.is-visible { width: 604px; padding: 30px 0 23px; margin: 0 auto; }
#modal_detail h1.chosen-car-name { color: #3c2e2e; font-size: 26px; font-weight: 500; line-height: 33px; }
#modal_detail .chosen-car-explain { display: table; width: 100%; margin-bottom: 10px; }
#modal_detail .chosen-car-explain > .chosen-item { display: table-cell; line-height: 23px; }
#modal_detail .chosen-car-explain > .chosen-item.item-insurance { color: #a72e3a; font-size: 17px; }
#modal_detail .chosen-car-explain > .chosen-item.item-default { text-align: right; }
#modal_detail .chosen-car-explain > .chosen-item.item-default > * { color: #282c37; font-size: 15px; font-weight: 600; }
#modal_detail .chosen-car-explain > .chosen-item.item-default > i { margin: 0 3px 0 15px; vertical-align: middle; }
#modal_detail ul.l-goods-explain { display: table; width: 100%; border-top: 2px solid #d8d8d8; }
#modal_detail ul.l-goods-explain > li { display: table-cell; vertical-align: bottom; }
#modal_detail ul.l-goods-explain > li > .title { display: block; padding-left: 15px; margin-top: 20px; color: #a6373d; font-size: 20px; font-weight: 600; line-height: 30px; }
#modal_detail ul.l-goods-explain > li .chosen-rate { position: relative; display: block; padding-left: 15px; }

#modal_detail ul.l-goods-explain > li .chosen-rate::after {
  position: absolute;
  top: 0;
  display: block;
  color: #c4c4c4;
  content: '상품금액';
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
#modal_detail ul.l-goods-explain > li .chosen-rate > span { display: inline-block; height: 26px; line-height: 26px; vertical-align: baseline; }

#modal_detail ul.l-goods-explain > li .chosen-rate > .l-after-won::after {
  display: inline-block;
  color: #282c37;
  content: '원';
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
#modal_detail ul.l-goods-explain > li .chosen-rate > .rate-normal.l-after-won::after { color: #8c8485; }

/* 폰트사이즈 조정함 금액표시에 자릿수가 많아서 밀림현상 PC */
#modal_detail ul.l-goods-explain > li .chosen-rate > .rate-normal { color: #8c8485; font-size: 17px; font-weight: 600; letter-spacing: -0.5px; text-decoration: line-through; }
#modal_detail ul.l-goods-explain > li .chosen-rate > .rate-sales { color: #c9192a; font-size: 24px; font-weight: 600; letter-spacing: -0.5px; }
#modal_detail ul.l-goods-explain > li .chosen-rate > .rate-sign { padding: 0 7px; }
#modal_detail ul.l-goods-explain > li .chosen-rate > .rate-sign > i { color: #da494a; font-size: 19px; }
#modal_detail ul.l-goods-explain > li .chosen-rate > span::before { display: block; color: #c4c4c4; content: ''; font-size: 14px; font-weight: 500; line-height: 20px; }
#modal_detail ul.l-goods-explain > li .chosen-rate > xx.rate-normal::before { content: '상품금액'; text-decoration: inherit !important; }
#modal_detail ul.l-goods-explain > li .chosen-rate > .rate-sales::before { content: '실시간 옥션가'; font-weight: 600; }
#modal_detail ul.l-goods-explain > li.chosen-rent { width: 290px; padding-right: 15px; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option { width: 100%; text-align: right; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li { display: inline-block; height: 36px; margin-left: 2px; line-height: 36px; vertical-align: middle; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li:nth-child(5) { margin-right: 1px; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li:nth-child(6) { margin-right: 1px; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li:nth-child(7) { margin-right: 1px; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li > * { display: inline-block; text-align: left; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li > i.on + span { color: #a6373d; }
#modal_detail ul.l-goods-explain > li.chosen-rent ol.current-option > li > span { color: #c4c4c4; font-size: 13px; font-weight: 600; letter-spacing: -1px; line-height: 36px; }
#modal_detail table.t-rent-list { width: 100%; margin-top: 20px; }
#modal_detail table.t-rent-list tbody tr.supplyList td { background-color: #ca2a0f; color: #fff; }
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option { color: #222; font-size: 15px; line-height: 32px; }
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt { margin-bottom: 30px; }

#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-ins,
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt { display: table; margin-top: 16px; }

#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-ins > p,
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt > p { display: table-cell; width: 470px; text-align: left; vertical-align: middle; }

#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-ins > p.icon,
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt > p.icon { width: 103px; }

#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-ins > p.icon > i,
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt > p.icon > i {
  display: block;
  width: 49px;
  height: 49px;
  margin-left: 33px;
  background-image: url('/theme/basic/img/sub/icon-handle.png');
}
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-ins > p.icon > i { background-position: 0 0; }
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt > p.icon > i { background-position: 0 -49px; }
#modal_detail table.t-rent-list tbody tr.supplyContent td .show-option .icon-rent-list-opt > p .bz-rent-chosen-option .bar { color: #d3d3d3; }

#modal_detail table.t-rent-list thead th,
#modal_detail table.t-rent-list tbody td { border-top: 1px solid #d9e1e8; border-bottom: 1px solid #d9e1e8; font-weight: 500; text-align: center; }
#modal_detail table.t-rent-list thead th { height: 30px; background-color: #f9fbfc; color: #61646c; font-size: 14px; font-weight: 600; line-height: 30px; }
#modal_detail table.t-rent-list tbody td { height: 20px; color: #222; font-size: 14px; line-height: 20px; vertical-align: middle; }
#modal_detail table.t-rent-list tbody td > span.option > i { font-size: 0; }
#modal_detail table.t-rent-list tbody td:nth-child(6) { position: relative; }

#modal_detail table.t-rent-list tbody td:nth-child(6)::before {
  position: absolute;
  top: 18px;
  left: 0;
  display: none;
  width: 11px;
  height: 6px;
  background-image: url('/theme/basic/img/sub/icon-bg-arrow-del.png');
  background-position: 0 -6px;
  content: '';
}
#modal_detail table.t-rent-list td > span { color: #fff; }
#modal_detail table.t-rent-list td > .price { font-weight: 600; }
#modal_detail table.t-rent-list td > .price.bz-normal-price { font-weight: 500; text-decoration: line-through; }
#modal_detail table.t-rent-list td > .price.js-won-after::after { display: inline-block; content: '원'; }
#modal_detail table.t-rent-list tbody td.bookButton { display: none; }
#modal_detail.active .l-modal-wrap .modalCloseButton { position: absolute; top: 10px; right: 20px; color: #ca2a0f; }
#modal_detail.active .l-modal-wrap .modalCloseButton img {  }
#modal_detail.active .modalButtonList { display: block; margin: 35px auto 25px; text-align: center; }
#modal_detail.active .modalButtonList button { display: inline-block; width: 212px; height: 60px; margin: 0; background-color: #ca2a0f; color: #fff; cursor: pointer; font-size: 22px; font-weight: 600; line-height: 60px; text-align: center; }
#modal_detail.active .modalButtonList button.closeButton { margin-left: 10px; }

/* 최저가 순 정렬 2020.02.04 */
section.rentSearchSection .search-option input { display: none; }

section.rentSearchSection .search-option label {
  display: inline-block;
  width: 120px;
  height: 28px;
  padding-right: 1%;
  padding-left: 1%;
  border: 1px solid #e7e5e5;
  margin: 0 2px 9px;
  background-color: #f7f7f7;
  border-radius: 10px;
  color: #524848;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 28px;
  text-align: center;
}
section.rentSearchSection .search-option { display: inline-block; }
section.rentSearchSection .search-option input:checked + label { border: 1px solid #dc4b4c; background-color: #ca2a0f; color: #fff; }

/* list name search */
section.rentSearchSection { margin: 8px 0; text-align: right; }
section.rentSearchSection .rentSearchForm { display: inline-block; width: 190px; height: 32px; border: 1px solid #e2e2e2; background-color: #fff; }
section.rentSearchSection .rentSearchForm input.searchInput { width: 150px; height: 32px; border: none; line-height: 32px; vertical-align: top; }
section.rentSearchSection .rentSearchForm input.searchInput:focus { outline: none; }
section.rentSearchSection .rentSearchForm .searchButton { display: inline-block; width: 32px; border: none; background-color: #ca2a0f; color: #fff; line-height: 32px; }
section.rentSearchSection .rentSearchForm .searchButton i { color: #fff; }

/* 완전자차 툴팁 */
header.l-header_sub .search-option li { position: relative; }
header.l-header_sub .search-option li #insHelp { position: absolute; top: 7px; right: -14px; cursor: pointer; }
#insHelp [data-tooltip-text]:hover { position: relative; }
#insHelp [data-tooltip-text]:hover::after { position: absolute; z-index: 9999; top: 130%; right: 0; width: auto; min-width: 240px; max-width: 300px; padding: 5px 10px; margin-bottom: 10px; background-color: rgba(0, 0, 0, 0.8); border-radius: 5px; -webkit-box-shadow: 0 0 3px 1px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0 0 3px 1px rgba(50, 50, 50, 0.4); box-shadow: 0 0 3px 1px rgba(50, 50, 50, 0.4); color: #fff; content: attr(data-tooltip-text); font-size: 12px; font-style: normal; line-height: 15px; word-wrap: break-word; }

/* ==================================================
	l-booking
================================================== */

/* 공통 */
h4.order-title { padding-top: 15px; padding-left: 15px; color: #312a2a; font-family: 'nanum-square-r'; font-size: 19px; font-weight: 600; line-height: 44px; }
h4.order-title > .point { display: inline-block; padding-left: 3px; font-size: 14px; font-weight: 500; }

/* 상단 */
.l-booking-info-wr { width: 100%; margin-top: 60px; }
.l-booking-info-wr > * { display: inline-block; vertical-align: top; }
.l-booking-info-fixed { width: 699px; }
.l-booking-info-fixed .thum { width: 600px; height: 600px; margin-bottom: 40px; }
.l-booking-info-fixed .thum > img { width: 100%; height: auto; }
.l-booking-info-fixed > p { font-family: 'nanum-square-r'; }
.l-booking-info-fixed > .rent-title { color: #c4c4c4; font-size: 19px; line-height: 32px; }
.l-booking-info-fixed > .rent-explain { color: #444; font-size: 18px; line-height: 32px; }
.l-booking-info-fixed > .rent-explain_place { color: #444; font-size: 24px; line-height: 36px; }
.l-booking-info-fixed > .rent-title_place { margin-bottom: 10px; color: #444; font-size: 18px; line-height: 32px; }
.l-booking-info-fixed > .rent-explain_place { margin-bottom: 12px; color: #444; font-size: 24px; line-height: 36px; }
.l-booking-info-fixed > hr.shuttle-line { display: block; width: 100%; height: 1px; padding: 0; border: none; margin: 20px 0 15px; background-color: #fafafa; }
.l-booking-info-fixed > table.t-shuttle-info { width: 100%; margin-bottom: 25px; }

.l-booking-info-fixed > table.t-shuttle-info th,
.l-booking-info-fixed > table.t-shuttle-info td { font-family: 'nanum-square-r'; letter-spacing: -1px; text-align: left; }
.l-booking-info-fixed > table.t-shuttle-info th { color: #c4c4c4; font-size: 19px; font-weight: 500; line-height: 38px; }
.l-booking-info-fixed > table.t-shuttle-info td { color: #444; font-size: 17px; line-height: 34px; }
#naverMap { width: 100%; height: 400px; }
.l-booking-info-fixed > img.goods-event-banner { margin-top: 60px; }

.l-booking-info-move {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 404px;
  padding: 20px 19px 60px;
  margin-left: 50px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.l-booking-info-move.js-fixed-movinglayer { position: sticky; position: -webkit-sticky; top: 0; }
.l-booking-info-move > p { display: block; }
.l-booking-info-move > .goods-title { color: #3d2a2a; font-size: 30px; line-height: 44px; }
.l-booking-info-move > .goods-option { color: #3d2a2a; font-size: 20px; line-height: 36px; }
.l-booking-info-move > .goods-option > span { display: inline-block; }
.l-booking-info-move > .goods-option > .limit { color: #3d2a2a; font-size: 20px; }
.l-booking-info-move > .goods-option > .type { color: #3d2a2a; font-size: 20px; }
.l-booking-info-move > .goods-option > .insurance { padding-left: 5px; color: #a72e3a; font-size: 18px; }
.l-booking-info-move > .goods-evaluation { padding-left: 10px; margin-top: 3px; font-family: 'nanum-square-r'; line-height: 34px; }
.l-booking-info-move > .goods-evaluation > span { display: inline-block; }
.l-booking-info-move > .goods-evaluation > .evaluation i { padding-right: 2px; color: #db1c2f; font-family: 'nanum-square-r'; font-size: 16px; }
.l-booking-info-move > .goods-evaluation > .decimal { padding-right: 4px; padding-left: 5px; color: #3e3637; font-size: 18px; font-weight: 600; }
.l-booking-info-move > .goods-evaluation > .buy { color: #3e3637; font-size: 18px; font-weight: 600; }

.l-booking-info-move > .goods-evaluation > .buy::before {
  display: inline-block;
  width: 2px;
  height: 18px;
  margin-right: 10px;
  background-color: #b5b4b4;
  content: '';
  vertical-align: text-bottom;
}
.l-booking-info-move > .goods-price { display: table; width: 100%; margin-top: 10px; }
.l-booking-info-move > .goods-price > span { display: table-cell; vertical-align: middle; }
.l-booking-info-move > .goods-price > .title { padding-left: 90px; }
.l-booking-info-move > .goods-price > .title > span { display: block; font-family: 'nanum-square-r'; letter-spacing: -0.5px; line-height: 26px; }
.l-booking-info-move > .goods-price .price-text { color: #c4c4c4; font-size: 19px; }
.l-booking-info-move > .goods-price .price-text2 { color: #9d898b; font-size: 18px; }
.l-booking-info-move > .goods-price > .price { color: #3f3838; font-size: 38px; text-align: right; }
.l-booking-info-move > .goods-price > .price > span { font-weight: 600; letter-spacing: -1px; }
.l-booking-info-move > table.t-rent-info { width: 100%; margin: 10px 0 60px; }

.l-booking-info-move > table.t-rent-info th,
.l-booking-info-move > table.t-rent-info td {
  padding: 9px 0;
  border-top: 1px solid #ededed;
  font-family: 'nanum-square-r';
  font-size: 20px;
  line-height: 34px;
  text-align: left;
  vertical-align: top;
}
.l-booking-info-move > table.t-rent-info th { padding-left: 24px; color: #524545; font-weight: 600; }
.l-booking-info-move > table.t-rent-info td { color: #3d2a2a; word-break: keep-all; }
.l-booking-info-move > table.t-rent-info td.option { font-size: 18px; }
.l-booking-info-move > table.t-rent-info td span.point-sm { display: inline-block; margin-left: 3px; font-size: 18px; }
.l-booking-info-move > table.t-rent-info td span.bar { display: inline-block; padding: 0 8px; color: #e2e2e2; }
.l-booking-info-move .btn-buy { display: block; width: 282px; height: 58px; margin: 0 auto; cursor: pointer; line-height: 58px; }
.btn-buy { background-color: #ca2a0f; color: #fff; font-size: 25px; font-weight: 600; text-align: center; }

/* 주문서 */
.l-order-list { width: 100%; margin-top: 60px; }
.l-orderpage-title { display: table; width: 100%; height: 68px; background-color: #f5f4f4; }
.l-orderpage-title > span { display: table-cell; padding: 0 20px 0 15px; line-height: 68px; }
.l-orderpage-title > .title { color: #312a2a; font-size: 24px; }
.l-orderpage-title > .path { color: #312a2a; font-family: 'nanum-square-r'; font-size: 20px; letter-spacing: -1px; text-align: right; }
.l-orderpage-title > .path i { padding: 0 10px; }
.l-orderpage-title > .path .current { color: #951c28; }
.l-order-list table.t-order-list { width: 100%; border-bottom: 2px solid #e4e4e4; margin: 0; }

.l-order-list table.t-order-list thead th {
  height: 34px;
  border-top: 1px solid #e4e4e4;
  border-right: none;
  border-bottom: 1px solid #e4e4e4;
  border-left: none;
  background-color: #fdfdfd;
  color: #504848;
  font-family: 'nanum-square-r';
  font-size: 15px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
}
.l-order-list table.t-order-list td { padding-top: 0 !important; padding-bottom: 0 !important; border-right: none; border-left: none; text-align: center; vertical-align: middle; }
.l-order-list table.t-order-list td:nth-child(3) { border-left: 1px solid #f8f8f8; }
.l-order-list table.t-order-list td:nth-child(4) { border-left: 1px solid #f8f8f8; }
.l-order-list table.t-order-list td:nth-child(5) { border-right: none; border-left: 1px solid #f8f8f8; }
.l-order-list table.t-order-list td span { display: inline-block; }
.l-order-list table.t-order-list td.info { padding-left: 13px; color: #3d2a2a; font-size: 15px; line-height: 38px; text-align: left; }
.l-order-list table.t-order-list td.date { height: 50px; border-top: 1px solid #f8f8f8; line-height: 50px; }
.l-order-list table.t-order-list td img.thum { width: 173px; height: 173px; border-left: none; }
.l-order-list table.t-order-list td .goods-title { display: block; color: #3d2a2a; font-size: 22px; font-weight: 500; line-height: 32px; }
.l-order-list table.t-order-list td .goods-title > span { display: inline-block; padding-left: 5px; font-family: 'NanumGothic', sans-serif; font-size: 17px; }
.l-order-list table.t-order-list td .goods-title > .ins-title { color: #6a5e5e; }
.l-order-list table.t-order-list td .goods-title > .ins-sub { color: #a72e3a; }
.l-order-list table.t-order-list td .goods-option { color: #3d2a2a; font-size: 15px; line-height: 26px; }
.l-order-list table.t-order-list td .price-minus { color: #cf1c2e; font-family: 'nanum-square-r'; font-size: 18px; font-weight: 500; }
.l-order-list table.t-order-list td .price { color: #504848; font-family: 'nanum-square-r'; font-size: 18px; font-weight: 600; }
.l-order-list table.t-order-list td .company { color: #504848; font-family: 'nanum-square-r'; font-size: 18px; font-weight: 500; }
.l-order-list table.t-order-list td .goods-rent-date { color: #6a5e5e; font-family: 'NanumGothic', sans-serif; font-size: 19px; letter-spacing: 1px; }
.l-order-list table.t-order-list td .datetime { color: #6a5e5e; font-size: 19px; font-weight: 600; }
.l-order-list table.t-order-list td .datetime { color: #6a5e5e; font-size: 19px; font-weight: 600; }
.l-order-list table.t-order-list td .year { padding: 0 5px; color: #91969c; font-size: 15px; font-weight: 600; }
.l-order-list table.t-order-list td .wave { padding: 0 10px; color: #6a5e5e; font-size: 25px; font-weight: 600; vertical-align: bottom; }

/* agree */
.l-agree_wr { padding: 0 25px 25px; margin-top: 58px; background-color: #faf8f8; }
.l-agree_wr h4.order-title { padding-left: 0; margin-left: -8px; }
.l-agree_wr ul.agree-tabs { display: inline-block; width: 100%; margin-top: 10px; }

.l-agree_wr ul.agree-tabs > li {
  display: inline-block;
  height: 46px;
  padding: 0 18px;
  margin-right: 5px;
  color: #4c6a78;
  cursor: pointer;
  font-size: 15px;
  line-height: 46px;
}
.l-agree_wr ul.agree-tabs > li:hover { background-color: #e9e9e9; color: #c93e27; }

.l-agree_wr ul.agree-tabs > li.current {
  border: 2px solid #eee;
  border-top: none;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  box-shadow: inset 0 3px 0 0 #c93e27;
}
.l-agree_wr ul.agree-tabs > li.current:hover { background-color: #fff; color: #4c6a78; }

.l-agree_wr .agree-contents {
  display: none;
  height: 275px;
  padding: 20px;
  border: 2px solid #eee;
  border-bottom: none;
  margin-top: -2px;
  background-color: #fff;
  overflow-y: scroll;
}
.l-agree_wr .agree-contents.current { display: block; }
.l-agree_wr .agree-form { padding: 15px 20px 10px; /* height:50px; */ border: 2px solid #eee; border-top: 1px solid #eee; background-color: #fff; line-height: 50px; }
.l-agree_wr .agree-form label.css-frmbox { }

/* .l-agree_wr .agree-form label.css-frmbox:nth-child(1) { margin-right:70px; margin-left:20px; }
.l-agree_wr .agree-form label.css-frmbox:nth-child(2) { margin-right:70px; }
.l-agree_wr .agree-form label.css-frmbox:nth-child(3) { margin-right:85px; } */

/* 2019년 01월 31일 추가 부분 체크박스 보더로 변경 */
.l-agree_wr .agree-form label.css-frmbox input { display: none; }
.l-agree_wr .agree-form label.css-frmbox span.css-check-labl { display: inline-block; padding: 15px 20px; border: 4px solid #eee; margin: 0 2px 10px; background-color: #fafafa; border-radius: 10px; cursor: pointer; font-weight: 600; letter-spacing: -0.5px; }
.l-agree_wr .agree-form label.css-frmbox input:checked + span.css-check-labl { border: 4px solid #c93e27; background-color: #c93e27; color: #fff; }
.l-agree_wr .agree-form label.css-frmbox:nth-child(1) { margin-right: 25px; margin-left: 20px; }
.l-agree_wr .agree-form label.css-frmbox:nth-child(2) { margin-right: 25px; }
.l-agree_wr .agree-form label.css-frmbox:nth-child(3) { margin-right: 25px; }

/* 변경부분 여기까지 */
.l-agree_wr .agree-form label.css-frmbox .css-check-bg { margin-top: 4px; vertical-align: top; }
.l-agree_wr .agree-form label.css-frmbox .css-check-labl { margin-left: 3px; line-height: 30px; }

/* 정보입력 */
.l-order-update { display: inline-block; padding-bottom: 30px; border-bottom: 2px solid #e4e4e4; margin-top: 45px; }
.l-order-update h4.order-title { width: 1185px; border-bottom: 2px solid #e4e4e4; }
.l-order-update h4.order-title > .point { color: #eea127; }
.l-order-update .t-order-update { width: 560px; margin-top: 2px; margin-left: 20px; float: left; vertical-align: top; }
.l-order-update .t-order-update.t-order-update2 { margin-left: 35px; }

.l-order-update .t-order-update th,
.l-order-update .t-order-update td { font-family: 'nanum-square-r'; }
.l-order-update .t-order-update thead th { padding-left: 15px; border-bottom: 1px solid #e4e4e4; color: #504848; font-size: 17px; line-height: 42px; text-align: left; }

.l-order-update .t-order-update tbody th,
.l-order-update .t-order-update tbody td { line-height: 52px; text-align: left; vertical-align: middle; }
.l-order-update .t-order-update tbody th { padding-left: 32px; color: #504848; font-size: 15px; font-weight: 500; }
.l-order-update .t-order-update tbody th.required { padding-left: 20px; background-color: #fff !important; background-image: none !important; font-weight: 600; }
.l-order-update .t-order-update tbody th.required span { color: #eea127; }
.l-order-update .t-order-update tbody th.info { padding-top: 60px; padding-left: 22px; color: #555; font-family: 'nanum-square-r'; font-size: 15px; line-height: 20px; }
.l-order-update .t-order-update tbody th.info > span { display: block; }

.l-order-update .t-order-update tbody tr:nth-child(1) th,
.l-order-update .t-order-update tbody tr:nth-child(1) td { padding-top: 10px; }

.l-order-update .t-order-update input.form-text {
  display: block;
  min-width: 160px;
  height: 30px;
  padding: 0 5px;
  border: none;
  border: 1px solid #e2e2e2;
  font-size: 14px;
  line-height: 30px;
}

.l-order-update .t-order-update textarea.form-text {
  display: block;
  min-width: 460px;
  height: 45px;
  padding: 5px;
  border: none;
  border: 1px solid #e2e2e2;
  font-size: 14px;
  line-height: 20px;
}
.l-order-update .t-order-update thead th .css-frmbox { margin-right: 20px; float: right; }
.l-order-update .t-order-update thead th label.css-frmbox .css-radio-labl { color: #6b6666; font-size: 15px; font-weight: 500; }
.l-order-update .t-order-update tbody td label.css-frmbox { margin-right: 15px; }

/* 결제하기 */
.l-order-pay { display: inline-block; width: 100%; margin-top: 28px; }
.l-order-pay h4.order-title > .point { color: #ad2a2a; font-weight: 600; }
.l-order-pay ul.order-pay_form { display: table; width: 100%; border-top: 2px solid #e4e4e4; border-bottom: 2px solid #e4e4e4; margin-bottom: 20px; background-color: #fcfcfc; }

.l-order-pay ul.order-pay_form > li {
  position: relative;
  display: table-cell;
  min-width: 152px;
  padding: 12px 0;
  font-family: 'nanum-square-r';
  text-align: center;
  vertical-align: middle;
}
.l-order-pay ul.order-pay_form > li.sign { min-width: 60px; font-size: 30px; text-align: center; }
.l-order-pay ul.order-pay_form > li.sign > i { display: inline-block; color: #e2e2e2; font-style: normal; }
.l-order-pay ul.order-pay_form > li.sign > i.after-sum { width: 30px; height: 30px; background-color: #e2e2e2; border-radius: 100%; color: #fff; line-height: 35px; text-align: center; }
.l-order-pay ul.order-pay_form > li.sign > i.after-total-sum { color: #ad1a1a; }
.l-order-pay ul.order-pay_form > li > span { display: block; font-weight: 600; }
.l-order-pay ul.order-pay_form > li > .title { color: #504848; font-size: 16px; line-height: 24px; }
.l-order-pay ul.order-pay_form > li > .goods-price { color: #504848; font-size: 16px; line-height: 42px; }
.l-order-pay ul.order-pay_form > li > .goods-totalprice { font-size: 19px; font-weight: 500; line-height: 42px; }
.l-order-pay ul.order-pay_form > li > .goods-totalprice > span { padding-right: 3px; color: #cf1c2e; font-size: 24px; font-weight: 600; letter-spacing: -1px; }
.l-order-pay ul.order-pay_form > li > .distribute-price { position: relative; display: block; padding: 8px 0; background-color: #f8f8f8; border-radius: 20px; }
.l-order-pay ul.order-pay_form > li > .distribute-price:nth-child(2) { margin-top: 8px; }
.l-order-pay ul.order-pay_form > li > .distribute-price > * { display: inline-block; font-family: 'NanumGothic', sans-serif; vertical-align: middle; }
.l-order-pay ul.order-pay_form > li > .distribute-price label.css-frmbox { position: absolute; top: 9px; left: 15px; }
.l-order-pay ul.order-pay_form > li > .distribute-pay { display: inline-block; width: 100%; }
.l-order-pay ul.order-pay_form > li > .distribute-pay label.css-frmbox.css-frmbox-pay { position: static; top: 0; left: 0; width: 100%; padding-left: 25px; text-align: left; }
.l-order-pay ul.order-pay_form > li > .distribute-pay label.css-frmbox.css-frmbox-pay > span.css-check-labl { font-weight: 600; }
.l-order-pay ul.order-pay_form > li > .distribute-pay label.css-frmbox.css-frmbox-pay > span.css-check-labl > span { display: inline-block; margin-left: 5px; font-size: 14px; font-weight: 500; }
.l-order-pay ul.order-pay_form > li .distribute-text { width: 170px; }
.l-order-pay ul.order-pay_form > li .distribute-text > span { display: block; color: #504848; font-weight: 500; line-height: 20px; }
.l-order-pay ul.order-pay_form > li .distribute-title { font-size: 16px; font-weight: 600 !important; }
.l-order-pay ul.order-pay_form > li .distribute-sub { font-size: 14px; }

.l-order-pay ul.order-pay_form > li label.form-decimal {
  width: 150px;
  height: 48px;
  padding: 0 10px;
  border: 1px solid #e5e4e4;
  background-color: #fff;
  border-radius: 20px;
  color: #504848;
  font-family: 'nanum-square-r';
  font-size: 21px;
  line-height: 48px;
}

.l-order-pay ul.order-pay_form > li input.form-decimal {
  width: 100px;
  height: 46px;
  border: none;
  background-color: #fff;
  color: #504848;
  font-family: 'nanum-square-r';
  font-size: 21px;
  line-height: 48px;
  text-align: right;
  vertical-align: top;
}
.l-order-pay ul.order-pay_form > li input.form-decimal:focus { outline: none; }
.l-order-pay ul.order-pay_form > li > .total-title { color: #808080; font-size: 18px; line-height: 24px; }
.l-order-pay ul.order-pay_form > li > .total-goods-price { color: #cf1c2e; font-size: 28px; line-height: 34px; }
.l-order-pay ul.order-pay_form > li > .total-goods-price > span { color: #cf1c2e; }
.l-order-pay ul.order-pay_form > li > .btn-buy { width: 180px; height: 52px; margin-top: 10px; line-height: 52px; }
.l-order-pay ul.order-pay_form.l-ordertable-sm > li {  }
.l-order-pay ul.order-pay_form.l-ordertable-sm > li:nth-child(7) { padding-right: 20px; }
p.l-order-pay-ment { display: block; padding-left: 50px; margin: 10px 0 110px; color: #882616; font-size: 17px; font-weight: 600; line-height: 24px; }
p.l-order-pay-ment::before { display: inline-block; margin-left: -19px; color: #882616; content: '※'; font-size: 17px; }

/* 예약완료 */
.page-order-ok { width: 1142px; margin: 50px auto; }

.page-order-ok .order-complete_rate {
  width: 100%;
  border-top: 1px solid #e0dbdc;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e1e1e1;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.order-complete_rate > .complete-user-name {
  display: block;
  height: 60px;
  background-color: #e0dbdc;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #645f5f;
  font-family: 'nanum-square-r';
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
}
.order-complete_rate > .complete-user-name > span { display: inline-block; padding-right: 4px; color: #3c2e2e; font-size: 23px; vertical-align: bottom; }
table.t-order-complete { width: 1102px; margin: 20px 20px 0; }

table.t-order-complete th,
table.t-order-complete td { text-align: center; vertical-align: middle; }
table.t-order-complete td span { display: block; color: #422528; line-height: 39px; }
table.t-order-complete td .title { font-family: 'NanumGothic'; font-size: 17px; font-weight: 600; }
table.t-order-complete td .price { font-size: 19px; }

table.t-order-complete th .after-sign {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #f3f3f3;
  border-radius: 100%;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
table.t-order-complete th .after-sign.same { color: #d21314; }
table.t-order-complete th .after-sign.sum { color: #a43232; }
table.t-order-complete td .active { width: 146px; padding: 16px 0 24px 0; border: 4px solid #bbb3b4; margin-left: 25px; background-color: #dbd6d7; }
table.t-order-complete td .active .title { color: #793a41; font-size: 18px; }
table.t-order-complete td .active .price { font-size: 18px; }
table.t-order-complete td .active .price > span { display: inline-block; color: #4e3b3b; font-size: 21px; font-weight: 600; }
table.t-order-complete td.pay-info span { display: inline-block; }
table.t-order-complete td.pay-info .complete-account { color: #312a2a; font-family: 'nanum-square-r'; font-size: 18px; font-weight: 600; line-height: 30px; }
table.t-order-complete td.pay-info .complete-account > img { margin-right: 3px; vertical-align: middle; }
table.t-order-complete td.pay-info .complete-account > span { color: #cf1c2e; }
table.t-order-complete td.pay-info .complete-account-sub { color: #312a2a; font-family: 'nanum-square-r'; font-size: 16px; line-height: 28px; }
table.t-order-complete td.pay-info .complete-account-bank { margin-top: 20px; }
table.t-order-complete td.pay-info .complete-account-bank > img { margin-right: 2px; vertical-align: text-bottom; }
table.t-order-complete td.pay-info .complete-account-bank > span { font-weight: 600; line-height: 32px; }
table.t-order-complete td.pay-info .complete-account-bank > .bank-title { padding-right: 8px; color: #3f2b2b; font-family: 'nanum-square-r'; font-size: 19px; }
table.t-order-complete td.pay-info .complete-account-bank > .bank-name { padding-right: 4px; color: #4a3434; font-family: 'nanum-square-r'; font-size: 18px; }
table.t-order-complete td.pay-info .complete-account-bank > .bank-account { color: #3f2b2b; font-family: 'NanumGothic'; font-size: 20px; }
table.t-order-complete td.pay-info .complete-account-bank-sub { color: #312a2a; font-family: 'NanumGothic'; font-size: 15px; letter-spacing: -0.3px; line-height: 27px; }
table.t-order-complete td.pay-info.only-bank-td { padding: 20px 0; vertical-align: middle; }
table.t-order-complete td.pay-info.only-bank-td .complete-account-bank { display: inline-block; margin-top: 0; margin-right: 25px; }
table.t-order-complete td.pay-info.only-bank-td .complete-account-bank > .bank-account { font-weight: 500; }
table.t-order-complete td.pay-info.only-bank-td .active { display: inline-block; margin: 0; }
table.t-order-complete td.pay-info.only-bank-td .active > span { display: block; }

/* 예약item */
.page-order-ok .order-complete_info { width: 100%; padding-bottom: 43px; border: 1px solid #e3e3e3; margin-top: 12px; background-color: #fff; }
.order-complete_info > .order-item-list { display: table; width: 1083px; margin-left: 20px; }
.order-complete_info > .order-item-list > div { display: table-cell; vertical-align: top; }
.order-complete_info > .order-item-list > .item-thumb { width: 265px; }
.order-complete_info > .order-item-list > .item-thumb > img { width: 265px; height: 265px; }
.order-complete_info > .order-item-list > .item-period { width: 388px; padding-top: 42px; }
.order-complete_info > .order-item-list > .item-info { width: 396px; padding-top: 42px; }
.item-period > p { display: block; display: table; width: 100%; }
.item-period > p.title { padding-left: 8px; color: #646464; font-size: 20px; letter-spacing: 1px; line-height: 31px; }
.item-period > p.from-to { margin-top: 7px; }
.item-period > p.from-to > span { display: table-cell; width: 153px; padding: 0 8px; vertical-align: middle; }
.item-period > p.from-to > span.wave { width: 55px; padding: 0; color: #dbd6d7; font-size: 34px; text-align: center; }
.item-period > p.from-to > span > span { display: block; }
.item-period > p.from-to .date { color: #333; font-size: 18px; font-weight: 600; letter-spacing: -0.5px; line-height: 34px; }
.item-period > p.from-to .time { color: #3f3d3d; font-size: 17px; line-height: 31px; }

.item-period > p.detail-rate > span,
.item-period > p.detail-date > span { display: table-cell; font-family: 'nanum-square-r'; line-height: 24px; }
.item-period > p > .goods-title { width: 94px; padding-left: 8px; font-size: 14px; }
.item-period > p > .goods-section { padding-right: 8px; font-size: 16px; text-align: right; }
.item-period > p.detail-rate > span { color: #adadad; }
.item-period > p.detail-date > span { color: #917c7e; }
.item-period > hr.item-info-detail-border { display: block; width: 100%; height: 1px; padding: 0; border: none; margin: 14px 0; background-color: #e0dbdc; }
.item-info .item-info-detail { width: 351px; margin-left: 45px; }
.item-info .item-info-detail > p { display: block; display: table; width: 100%; }
.item-info .item-info-detail > p > span { display: table-cell; font-family: 'nanum-square-r'; font-weight: 600; }
.item-info .item-info-detail > p > .goods-title { width: 94px; padding-left: 3px; }
.item-info .item-info-detail > p > .goods-section { padding-right: 6px; text-align: right; }
.item-info .item-info-detail > p.detail-goods > span { line-height: 28px; }
.item-info .item-info-detail > p.detail-goods > .goods-title { color: #adadad; font-size: 14px; }
.item-info .item-info-detail > p.detail-goods > .goods-section { color: #3f3d3d; font-size: 15px; }
.item-info .item-info-detail > p.detail-goods > .goods-section > .goods-section-block { display: block; height: 19px; line-height: 19px; }
.item-info .item-info-detail > p.detail-rate > span { color: #1a1a1a; font-size: 16px; letter-spacing: -0.5px; line-height: 25px; }
.item-info .item-info-detail > p.detail-rate.total-rate { margin-bottom: 14px; }
.item-info .item-info-detail > hr.item-info-detail-border { display: block; width: 100%; height: 1px; padding: 0; border: none; margin: 14px 0; background-color: #e0dbdc; }
.page-order-ok > .l-order-complete_btn { margin: 30px 0 88px; text-align: center; }

.page-order-ok > .l-order-complete_btn a.button {
  display: inline-block;
  width: 190px;
  height: 52px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 54px;
  text-align: center;
}
.page-order-ok > .l-order-complete_btn a.button.go_index { border: 1px solid #cacaca; background-color: #fff; color: #3f3d3d; }
.page-order-ok > .l-order-complete_btn a.button.go_book { border: 1px solid #cf1c2e; margin-left: 14px; background-color: #cf1c2e; color: #fff; }

/* 예약조회 검색폼 */
.l-confirm_wr { display: block; width: 1026px; padding: 22px 0 45px; margin: 80px auto 100px; background-color: #fcfbfb; border-radius: 15px; text-align: center; }
.l-confirm_wr > h4.title { margin-bottom: 35px; color: #483131; font-family: 'nanum-square-r'; font-size: 28px; letter-spacing: 1px; line-height: 46px; text-align: center; }
.l-confirm_wr > .l__inline-block { vertical-align: top; }
.l-confirm_wr .l-confirm_ct { width: 400px; height: 260px; border: 2px solid #ca2a0f; margin-right: 25px; background-color: #fff; text-align: center; }
.l-confirm_wr .l-confirm_ct table.t-confirm-login { width: 300px; margin: 20px auto; }

.l-confirm_wr .l-confirm_ct table.t-confirm-login th,
.l-confirm_wr .l-confirm_ct table.t-confirm-login td {  }

.l-confirm_wr .l-confirm_ct table.t-confirm-login th {
  border-right: 1px solid #f8f8f8;
  color: #483131;
  font-family: 'nanum-square-r';
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.l-confirm_wr .l-confirm_ct table.t-confirm-login td { padding: 12px 0; }
.l-confirm_wr .l-confirm_ct table.t-confirm-login tr:nth-child(1) > * { border-bottom: 1px solid #f8f8f8; }

.l-confirm_wr .l-confirm_ct table.t-confirm-login input.form-text {
  display: block;
  width: 180px;
  height: 40px;
  padding: 0 5px;
  border: none;
  border: 1px solid #e4e4e4;
  margin-left: 20px;
  font-size: 14px;
  line-height: 40px;
}

.l-confirm_wr .l-confirm_ct button.btn-submit {
  width: 290px;
  height: 54px;
  border: none;
  margin-left: 10px;
  background-color: #ca2a0f;
  border-radius: 5px;
  color: #fff;
  font-family: 'nanum-square-r';
  font-size: 22px;
  line-height: 54px;
}

/* 예약확인 리스트 */
.page-order-ck { width: 1142px; min-height: 550px; margin: 50px auto 0; }
.page-order-ck > .order-ck-title { display: table; width: 100%; height: 73px; margin-bottom: 20px; background-color: #aaa0a2; border-radius: 5px; line-height: 73px; }
.page-order-ck > .order-ck-title > * { display: table-cell; font-family: 'nanum-square-r'; vertical-align: middle; }
.page-order-ck > .order-ck-title > .order-ck-title-head { width: 280px; padding-left: 24px; color: #fffefe; font-size: 24px; letter-spacing: 0.5px; }
.page-order-ck > .order-ck-title > .order-ck-title-body { padding-right: 24px; text-align: right; }
.page-order-ck > .order-ck-title > .order-ck-title-body > span { display: inline-block; }
.page-order-ck > .order-ck-title > .order-ck-title-body > .ck-title { color: #e2dbdb; font-size: 18px; }
.page-order-ck > .order-ck-title > .order-ck-title-body > .ck-content { padding-left: 5px; color: #fff; font-size: 20px; }

.page-order-ck > .order-ck-title > .order-ck-title-body > .ck-bar::after {
  display: inline-block;
  width: 2px;
  height: 38px;
  margin: 0 16px;
  background-color: #c9c0c1;
  content: '';
  vertical-align: middle;
}
.page-order-ck .order-complete_info { width: 100%; padding-bottom: 43px; border: 1px solid #e3e3e3; margin-bottom: 12px; background-color: #fff; }
.page-order-ck .order-complete_info > .order-item-list { width: 1098px; }
.page-order-ck .order-complete_info > .order-item-list > .item-thumb { width: 168px; vertical-align: middle; }
.page-order-ck .order-complete_info > .order-item-list > .item-thumb > img { width: 168px; height: 168px; }
.page-order-ck .order-complete_info > .order-item-list > .item-period { width: 400px; padding-left: 12px; }
.page-order-ck .order-complete_info > .order-item-list > .item-info { width: 383px; }
.page-order-ck .order-complete_info > .order-item-list > .item-status { width: 142px; padding-top: 40px; padding-left: 20px; text-align: center; }
.page-order-ck .item-period > p.from-to > span { width: 188px; }
.page-order-ck .item-period > p.from-to > span.wave { width: 30px; }
.page-order-ck .item-status > img { margin-bottom: 7px; }

.page-order-ck .item-status > .btn-pay-status {
  display: block;
  width: 73px;
  height: 30px;
  border: 1px solid #e0e0e0;
  margin: 8px auto;
  background-color: #fff;
  border-radius: 5px;
  color: #575757;
  font-family: 'nanum-square-r';
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 30px;
  text-align: center;
}
.l-order-empty { width: 100%; margin: 150px 0; text-align: center; }
.l-order-empty > span { display: block; color: #da494a; font-size: 30px; line-height: 100px; }

/* 예약내역 모달 */
#modal_cn { display: none; transition: visibility 0s linear 0.3s, opacity 0.3s; }
#modal_cn.active { position: fixed; z-index: 2; top: 50%; left: 50%; display: block; margin-top: -297px; margin-left: -295px; background-color: #fff; }
#modal_cn.active::before { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); content: ''; }
.l-modal-cn { width: 530px; padding: 15px 32px 34px; background-color: #fff; font-family: 'nanum-square-r'; }
.l-modal-cn > .modal-header { padding-bottom: 7px; border-bottom: 1px solid #d8d8d8; color: #3c2e2e; font-size: 23px; font-weight: 600; line-height: 42px; text-align: center; }
.l-modal-cn > .modal-body { padding: 20px 0; }
.l-modal-cn > .modal-body p { display: block; }
.l-modal-cn > .modal-body p.complete-account { color: #312a2a; font-size: 18px; line-height: 31px; text-align: center; }
.l-modal-cn > .modal-body p.complete-account > img { margin-right: 3px; vertical-align: middle; }
.l-modal-cn > .modal-body p.complete-account span.point { color: #cf1c2e; }
.l-modal-cn > .modal-body p.complete-refund { padding-left: 20px; margin-top: 29px; text-align: left; }
.l-modal-cn > .modal-body p.complete-refund > span { display: block; color: #312a2a; font-size: 16px; letter-spacing: -0.5px; line-height: 28px; }
.l-modal-cn > .modal-foot { padding-top: 15px; border-top: 1px solid #e8e8e8; text-align: center; }
.l-modal-cn > .modal-foot > span.re-check { color: #312a2a; font-family: 'NanumGothic'; font-size: 17px; line-height: 36px; }
.l-modal-cn > .modal-foot > .modal-btn { display: block; margin-top: 17px; text-align: center; }
.l-modal-cn > .modal-foot > .modal-btn > button { width: 180px; height: 50px; font-family: 'NanumGothic', sans-serif; font-size: 18px; line-height: 50px; text-align: center; }
.l-modal-cn > .modal-foot > .modal-btn > button.status-ok { border: 1px solid #e0e0e0; margin-right: 15px; background-color: #fff; color: #444; }
.l-modal-cn > .modal-foot > .modal-btn > button.status-cn { border: 1px solid #cf1c2e; background-color: #cf1c2e; color: #fff; }
#modal_after_cn { display: none; transition: visibility 0s linear 0.3s, opacity 0.3s; }
#modal_after_cn.active { position: fixed; z-index: 2; top: 50%; left: 50%; display: block; margin-top: -102px; margin-left: -220px; background-color: #fff; }
#modal_after_cn.active::before { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); content: ''; }
.l-modal-after-cn { width: 398px; padding: 22px 20px; border: 1px solid #dcdcdc; background-color: #fff; border-radius: 3px; font-family: 'nanum-square-r'; }
.l-modal-after-cn > p { color: #353535; font-size: 14px; line-height: 34px; }
.l-modal-after-cn > p.alert-right { text-align: right; }

.l-modal-after-cn > p.alert-right > button.alert {
  width: 68px;
  height: 28px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #000;
  font-size: 14px;
  text-align: center;
  text-align: center;
}
.l-modal-cn > .modal-body p.complete-refund-info { padding-top: 28px; border-top: 1px solid #e8e8e8; margin-top: 20px; text-align: center; }

.l-modal-cn > .modal-body p.complete-refund-info > span {
  display: block;
  margin: 0 auto;
  color: #312a2a;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 32px;
  text-align: justify;
}
#modal_receipt { display: none; transition: visibility 0s linear 0.3s, opacity 0.3s; }
#modal_receipt.active { position: fixed; z-index: 2; top: 50%; left: 50%; display: block; margin-top: -102px; margin-left: -220px; background-color: #fff; }
#modal_receipt.active::before { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); content: ''; }










/* ==================================================
	l-customer-wr
================================================== */
.l-customer-wr {  }
.l-customer-wr > h3.title { font-size: 30px; line-height: 54px; }
.l-cstmbx { display: inline-block; width: 1160px; padding: 20px; border: 1px solid #e1e1e1; margin-bottom: 20px; }
.l-cstmbx > span { display: block; word-break: keep-all; }
.l-cstmbx > span.title { color: #000; font-size: 16px; font-weight: 600; line-height: 20px; }
.l-cstmbx > span.content { padding-left: 5px; margin-top: 10px; font-size: 15px; letter-spacing: -0.5px; line-height: 20px; }
table.t-customer { width: 100%; margin-top: 10px; }

table.t-customer th,
table.t-customer td { padding: 3px 0 3px 5px; border: 1px solid #e1e1e1; text-align: left; }
table.t-customer th { background-color: #f0efef; line-height: 28px; }
table.t-customer td { line-height: 22px; }

/* ==================================================
	l-guide
================================================== */
.l-guide { margin: 0 auto; text-align: center; }

/* ==================================================
	form
================================================== */
label.css-frmbox { display: inline-block; }
label.css-frmbox > span { display: inline-block; vertical-align: middle; }
label.css-frmbox .css-checkbox { display: none; }
label.css-frmbox .css-check-bg { width: 18px; height: 18px; background-image: url('/theme/basic/img/sub/icon-frm-check.png'); background-position: -22px 0; }
label.css-frmbox .css-checkbox:checked + .css-check-bg { background-position: -22px -18px; }
label.css-frmbox .css-check-labl { color: #454b4e; font-size: 16px; line-height: 18px; }
label.css-frmbox .css-radio-bg { width: 22px; height: 22px; background-image: url('/theme/basic/img/sub/icon-frm-check.png'); background-position: 0 0; }
label.css-frmbox .css-checkbox:checked + .css-radio-bg { background-position: 0 -22px; }
label.css-frmbox .css-radio-labl { line-height: 22px; }
label.css-frmbox .css-pay { display: none; }
label.css-frmbox .css-pay-bg { width: 31px; height: 45px; background-image: url('/theme/basic/img/sub/icon-pay.png'); background-position: 0 -45px; cursor: pointer; }
label.css-frmbox .css-pay:checked + .css-pay-bg { background-position: 0 0; }

/* ==================================================
	board
================================================== */
.l-table_wr { min-height: 500px; padding: 80px 0; }
[class^="board-icon-"] { display: inline-block; background: url('/theme/basic/img/sub/icon-board.png') no-repeat; vertical-align: middle; }
.board-icon-tel { width: 31px; width: 82px; height: 81px; background-position: 0 0; }
.board-icon-notice { width: 27px; height: 24px; background-position: -44px -81px; }
ul.t-basic-list > li .current .board-icon-notice { background-position: -71px -81px; }
.board-icon-kakao { width: 44px; height: 44px; background-position: 0 -81px; }

/* board-right banner */
.l-boardquick_wr { width: 230px; border: 1px solid #f6f5f5; margin-left: 78px; background-color: #fff; text-align: center; }
.l-boardquick_wr .l-banner_tel { display: block; border-bottom: 1px solid #ecebeb; }
.l-boardquick_wr .l-banner_time { display: block; padding: 18px 0; border-bottom: 1px solid #ecebeb; }
.l-boardquick_wr .l-banner-kakao { display: block; padding: 17px 0; background-color: #fae100; }
.l-boardquick_wr span { display: block; text-align: center; }
.l-boardquick_wr .tel-title { margin: 20px 0; color: #483131; font-family: 'nanum-square-r'; font-size: 18px; font-weight: 600; line-height: 26px; }
.l-boardquick_wr .tel-tel { margin: 15px 0; color: #181212; font-family: 'NanumGothic'; font-size: 21px; font-weight: 700; line-height: 36px; }
.l-boardquick_wr .time-time { color: #3b3538; font-size: 16px; line-height: 26px; }
.l-boardquick_wr .kakao-title { margin-top: 4px; color: #3c1e1e; font-size: 13px; letter-spacing: -1px; line-height: 20px; }

.l-boardquick_wr .kakao-link {
  display: inline-block;
  border-bottom: 1px solid #3c1e1e;
  margin-top: 2px;
  color: #3c1e1e;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 18px;
}

/* list UI */
.l-board_wr {  }
.l-board_wr > * { display: inline-block; vertical-align: top; }
.l-boardlist_wr { display: inline-block; width: 884px; }
.l-boardlist_wr .board-title { display: table; width: 100%; height: 40px; margin-bottom: 20px; }
.l-boardlist_wr .board-title > * { display: table-cell; line-height: 40px; }
.l-boardlist_wr .board-title > .title { padding-left: 5px; color: #483131; font-family: 'nanum-square-r'; font-size: 26px; text-align: left; }
.l-boardlist_wr .board-title > .search { padding-left: 5px; text-align: left; text-align: right; }
.l-boardlist_wr .board-title > .search form { display: inline-block; width: 190px; height: 38px; border: 1px solid #f5f4f4; background-color: #fff; text-align: left; }
.l-boardlist_wr .board-title > .search .search-input { width: 150px; height: 38px; border: none; margin-left: 10px; line-height: 38px; vertical-align: top; }
.l-boardlist_wr .board-title > .search .search-input:focus { outline: none; }
.l-boardlist_wr .board-title > .search .search-button { height: 38px; margin-right: 9px; color: #404040; font-size: 16px; vertical-align: top; }

.l-boardlist_wr .board-title .write-button {
  display: inline-block;
  width: 150px;
  height: 40px;
  margin-left: 15px;
  background-color: #ca2a0f;
  color: #fff;
  font-family: 'nanum-square-r';
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
}
.l-admin-btn { display: inline-block; padding: 5px; border: none; background-color: #db2432; color: #fff; font-size: 13px; vertical-align: top; }
a.l-admin-btn { padding: 8px 5px 7px; color: #fff; }

/* notice list */
ul.t-basic-list { width: 100%; }
ul.t-basic-list > li { background-color: #f8f6f7; }
ul.t-basic-list > li > .faq-row { display: table; width: 100%; border-top: 1px solid #ecebeb; cursor: pointer; }
ul.t-basic-list > li > .faq-row:hover { background-color: #b9b0b2; }

ul.t-basic-list > li > .faq-content {
  display: none;
  width: 764px;
  padding: 20px;
  padding-left: 100px;
  border-bottom: 1px solid #ecebeb;
  background-color: #f6f0f2;
  font-family: 'nanum-square-r';
}

ul.t-basic-list > li > .faq-row > span {
  display: table-cell;
  padding: 17px 0;
  color: #312a2a;
  font-family: 'nanum-square-r';
  line-height: 24px;
  text-align: left;
  vertical-align: middle;
}
ul.t-basic-list > li span.row { width: 100px; text-align: center; }
ul.t-basic-list > li span.title { font-size: 18px; }
ul.t-basic-list > li span.date { width: 135px; color: #f8f6f7; font-size: 15px; }
ul.t-basic-list > li > .faq-row:hover span.date { color: #b9b0b2; }
ul.t-basic-list > li span.arrow { width: 90px; font-size: 27px; text-align: center; }
ul.t-basic-list > li span.arrow > i { color: #c85662; }
ul.t-basic-list > li.empty_table { border-bottom: 1px solid #e1e1e1; text-align: center; }
ul.t-basic-list > li > .faq-row.current { background-color: #b9b0b2; }
ul.t-basic-list > li > .faq-row.current span { color: #fff !important; }
ul.t-basic-list > li > .faq-row.current .arrow > i { color: #796464; font-size: 16px; }
ul.t-basic-list > li > .faq-row.current .arrow > i::before { content: '\e881'; font-family: 'fontello'; }

/* normal board list */
table.t-basic-list { width: 100%; }
table.t-basic-list tr:hover > td { background-color: #b9b0b2; }

table.t-basic-list td {
  padding: 17px 0;
  border-top: 1px solid #ecebeb;
  border-bottom: 1px solid #ecebeb;
  color: #312a2a;
  font-family: 'nanum-square-r';
  line-height: 24px;
  text-align: left;
  text-align: center;
  vertical-align: middle;
}
table.t-basic-list td.row { font-size: 16px; }
table.t-basic-list td.title { font-size: 18px; text-align: left; }
table.t-basic-list td.date { font-size: 16px; }
table.t-basic-list td.empty_table { text-align: center; }

/* view */
table.t-basic-view { width: 100%; margin-bottom: 20px; }

table.t-basic-view thead td,
table.t-basic-view tfoot td {
  padding: 17px 0;
  border-top: 1px solid #ecebeb;
  border-bottom: 1px solid #ecebeb;
  color: #312a2a;
  line-height: 24px;
  text-align: left;
  text-align: center;
  vertical-align: middle;
}
table.t-basic-view thead td { background-color: #b9b0b2; color: #fff; }
table.t-basic-view thead td.title { padding-left: 20px; }
table.t-basic-view thead td.date { font-size: 16px; }
table.t-basic-view thead td > span { color: #fff; }
table.t-basic-view tbody td { padding: 20px; background-color: #fff; }
table.t-basic-view tfoot td.row { color: #c85662; font-size: 16px; text-align: center; }
table.t-basic-view tfoot td.date { padding-right: 20px; text-align: right; }
table.t-basic-view td.title { font-size: 18px; text-align: left; }

.l-bbs-write {
  display: inline-block;
  width: 90px;
  height: 40px;
  margin-left: 15px;
  background-color: #ca2a0f;
  color: #fff !important;
  font-family: 'nanum-square-r';
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
}

/* faq list */
.l-faq_wr { padding: 58px 0 30px; background-color: #fff; }
img.title-faq { display: block; margin: 0 auto 42px; }
ul.t-faq-list { width: 100%; border-top: 2px solid #e1e1e1; margin-bottom: 50px; }
ul.t-faq-list > li { background-color: #fff; }
ul.t-faq-list > li > .faq-row { display: table; width: 100%; border-bottom: 2px solid #ecebeb; cursor: pointer; }

ul.t-faq-list > li > .faq-content {
  display: none;
  width: 1002px;
  padding: 20px;
  padding-left: 178px;
  border-bottom: 2px solid #e1e1e1;
  background-color: #f6f0f2;
  color: #4e4848;
  font-size: 19px;
  line-height: 26px;
}
ul.t-faq-list > li > .faq-row > span { display: table-cell; padding: 20px 0; font-family: 'nanum-square-r'; line-height: 28px; text-align: left; vertical-align: middle; }
ul.t-faq-list > li span.row { width: 155px; color: #ce2425; font-size: 24px; font-weight: 600; text-align: center; }
ul.t-faq-list > li span.title { padding-left: 18px; color: #4d4a4a; font-size: 19px; }
ul.t-faq-list > li span.arrow { width: 90px; font-size: 27px; text-align: center; }
ul.t-faq-list > li span.arrow > i { color: #c85662; }
ul.t-faq-list > li.empty_table { border-bottom: 1px solid #e1e1e1; text-align: center; }
ul.t-faq-list > li > .faq-row.current { background-color: #b9b0b2; }
ul.t-faq-list > li > .faq-row.current span { color: #fff; }
ul.t-faq-list > li > .faq-row.current .arrow > i { color: #7c6767; font-size: 16px; }
ul.t-faq-list > li > .faq-row.current .arrow > i::before { content: '\e881'; font-family: 'fontello'; }

[class^="paing-icon-"] { display: inline-block; width: 40px; height: 38px; background: url('/theme/basic/img/sub/icon-paging.png') no-repeat; vertical-align: middle; }
.paing-icon-first { background-position: 0 0; }
.paing-icon-prev { background-position: -40px 0; }
.paing-icon-next { background-position: -80px 0; }
.paing-icon-last { background-position: -120px 0; }

/* ==================================================
	coupon iframe
================================================== */
.l-coupon_wr { margin: 60px auto; }