#voucher img.catListTTImg {max-width: 450px;margin-bottom: 30px;}
#voucherPage .offerItem, #voucherPage .offerItem p  {font-size: 1rem;}
#voucherPage .itemDet {padding: 15px 120px 15px 0; position: relative;}
#voucherPage .tag {position: absolute;left: 15px;top: 10px;font-size: 1.2em;color: #fff;font-weight: 600;padding: 0 8px;background-color: #008543;border-radius: 3px; line-height: 2;text-align: center;}
#voucherPage .itemDet > small {color: #555;}
#voucherPage .itemDet .period {color: #009345;}
#voucherPage .poiList {text-align: center; }
#voucherPage .offerItem {background-color:#ffffff; padding: 0 0 105px; position: relative;}

#voucherPage .offerItem .itemTop {height: 200px; padding: 0;}
#voucherPage .offerItem .itemTop .offerImg {display: block; vertical-align: top; position: relative;height: 100%; }
#voucherPage .offerItem .itemTop .offerImg .endTimer {position: absolute; bottom: 0; right: 7px; z-index: 1; border-radius: 4px 4px 0 0; background-color: #009245; font-size: 14px; font-weight: 300; line-height: 1;  padding: 6px 12px; color: #fff;}


#voucherPage .itemBtm {padding: 10px 15px 5px;}
#voucherPage .itemBtm > .districtCuisine {font-size: .85em; color: #999; font-weight: 400; display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; width: 100%;
  -ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap;flex-flow: row nowrap; white-space: nowrap;}
#voucherPage .itemBtm > .districtCuisine .districtName {}
#voucherPage .itemBtm > .districtCuisine .districtName.extended {position: relative; border: 1px solid #009245; border-radius: 15px; padding: 0 1em 0 0.6em; color: #009245;}
#voucherPage .itemBtm > .districtCuisine .districtName.extended:after {content: '';position: absolute; right: 5px; top: 8px; width: 0; height: 0;vertical-align: middle; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent;}
#voucherPage .itemBtm > .districtCuisine .districtName > .extendedDistrict {position: absolute; bottom: 100%; left: 0; z-index: 1; background-color: #fff; border-radius: 5px; padding: 5px 15px 5px 10px; margin-bottom: 15px;box-sizing: content-box; opacity: 0; display: none;animation: animShowLangMenu .3s; -webkit-transform: translateY(0px); transform: translateY(0px);}
#voucherPage .itemBtm > .districtCuisine .districtName.open > .extendedDistrict {opacity: 1; display: block;}
#voucherPage .itemBtm > .districtCuisine .districtName > .extendedDistrict:after {content: ''; display: block; border-color: #fff transparent transparent transparent; border-width: 6px 6px 0 6px; border-style: solid; width: 0; height: 0; position: absolute; left: 10px; top: 100%;}
#voucherPage .itemBtm > .districtCuisine .districtName > .extendedDistrict span {display: block; padding: 3px 0; line-height: 1; font-size: 12px; color: #009245;}
#voucherPage .itemBtm > .districtCuisine .cuisineName {
   overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box; height: 19px;
}
#voucherPage .itemBtm > .oDetailTitle {color: #000; letter-spacing: .5px; padding-bottom: 5px;font-weight: 600;font-size: 1.15em; line-height: 1.5;}
#voucherPage .itemBtm > div:first-child {margin-bottom: 0.2em;}
#voucherPage .itemBtm .offerDetL {display: inline-block; vertical-align: top; position: relative;height: 100%; font-size: 14px; }
#voucherPage .itemBtm .offerDetL small { font-size: .94em;color: #009245;}
#voucherPage .itemBtm .offerDetL small a {color: #009245;}
#voucherPage .itemBtm .offerDetL .offerPeriod {margin: 10px 0 0;}
#voucherPage .itemBtm .offerDetL .offerPeriod p {color: #006837;}
#voucherPage .itemBtm .offerDetL .offerPeriod .excludeDateWrap {margin-top: 8px;}
#voucherPage .itemBtm .offerDetL .offerPeriod .excludeDateWrap .displayMoreBtn {cursor: pointer;}
#voucherPage .itemBtm .offerDetL .offerPeriod .excludeDateWrap > p {opacity: 0; visibility: hidden; max-height: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#voucherPage .itemBtm .offerDetL .offerPeriod .excludeDateWrap.shown.displayMoreBtn {display: none;}
#voucherPage .itemBtm .offerDetL .offerPeriod .excludeDateWrap.shown > p {opacity: 1; visibility: visible; max-height: 150px;}
#voucherPage .itemBtm .offerDetR { height: 100%;display: inline-block; vertical-align: top; position: relative; padding-left:15px;}
#voucherPage .itemBtm div.poiName {color: #000;font-weight: 400; font-size: 1.1em; line-height: 1.5;    padding: 5px 5px 0px 0; margin-bottom: 8px;}
#voucherPage .itemBtm2 {position: absolute;bottom: 20px;left: 15px;}
#voucherPage .offerPrice {display: inline-block;}
#voucherPage .discPrice {color: #009245; font-size: 1.8em; position: relative; font-weight: 600;}
#voucherPage .origPrice {color: #ed1c24; font-size: .9em; display: block; padding-left: 2px; text-decoration: line-through; font-style: italic; display: inline-block;letter-spacing: -1px;}
#voucherPage .soldAmount {color: #777; font-size: 11px; padding: 0 5px; line-height: 2; display: inline-block;border: 1px solid; border-radius: 3px;position: relative;top:-0.5em;margin-left:1.2em;}
#voucherPage .btn {}
#voucherPage .btn a {display:inline-block;border-radius: 5px;padding: 0 .8em; line-height: 2.5;font-size: 1.1em;text-align: center;font-weight: 600;color: #fff;background-color: #008543; margin-top: 0.4em;}
/*#voucherPage .btn {display: inline-block;border-radius: 5px;padding: 0 .8em; line-height: 2.5;font-size: 1.1em;text-align: center;font-weight: 600;color: #fff;background-color: #008543; position: absolute; left: 15px; bottom: 20px;}*/


@media (min-width: 769px) {
  #voucherPage .btn a:hover {background-color: #00d26a;}
}

@media (max-width: 640px) {
  #voucherPage .offerItem, #voucherPage .offerItem p {font-size: 1.1rem;}
  #voucherPage .poiList {margin-top: 30px;}
  #voucherPage .offerItem {padding: 0 0 15px; margin: 0px auto 10px; display: block; width:100%;}
  #voucherPage .offerItem .itemTop {padding: 0;}
  #voucherPage .tag {font-size: 1.4em;}
  #voucherPage .itemBtm {padding: 10px 15px 3px;}
  #voucherPage .itemBtm > .oDetailTitle {max-height: none;-webkit-line-clamp: unset;}
  #voucherPage .discPrice {font-weight: 800;font-size: 1.8em;}
  #voucherPage .soldAmount {margin-top: 0.5em;}
  #voucherPage .offerItem .headfield .dateTime.extended {max-width:290px;}
  #voucherPage .itemBtm2 {position: initial;padding:0 15px}
  #voucherPage .btn {position: initial;}
}

@media (max-width: 360px) {
  #voucherPage .offerItem .headfield .dateTime.extended {max-width:240px;}
  /*#voucherPage .itemBtm > .oDetailTitle {margin:0 0 2px;}*/
}