@charset "UTF-8";
.page_1, .page_1-3, .page_1-4, .page_2-1 {background-color:#F8F8F8;}
.voucher_list {
  font-size:0;
}
.voucher_content {
  margin-top:3%;
  width:100%;
  padding:5%;
  background-color:#fff;
}
.div_voucher_list {
  height:100%;
  background-color:#F8F8F8;
}
#listMenu_01, #listMenu_02 {
  display:none;
}
.voucher_tab.on {
  color:#fff;
}
#listMenu_01.on, #listMenu_02.on {
  display:block;
}
.div_content_desc {
  display:inline-block;
  width:70%;
  vertical-align:middle;
  text-align:left;
}
.p_shop {
  font-size:0.875rem;
}
.p_coupun_title {
  padding:5% 0;
  font-size:1rem;
  font-weight:bold;
  color:#2E2F37;
}
.p_title_name, .p_date {
  display: inline-block;
  /*margin:10% 0;*/
  line-height:1.3;
  text-align:left;
  font-size:0.875rem;
  color:#9A9DAB;
}
.p_title_name {

}
.p_date {
  margin-left:5%;
}
.coupon_img {
  display: inline-block;
  width:30%;
}
.coupon_img > img {
  width:100%;
}
/* 쿠폰별 라인 컬러 */
.line_type_01 {
  border-left:6px solid #F17485;
}
.type_01 {
  color:#F9ABAB;
}
.line_type_02 {
  border-left:6px solid #8874F1;
}
.type_02 {
  color:#8874F1;
}
.line_type_03 {
  border-left:6px solid #74BFF1;
}
.type_03 {
  color:#74BFF1;
}
.line_type_04 {
  border-left:6px solid #F1C265;
}
.type_04 {
  color:#F1C265;
}

/* Voucher book */
.voucherBook_list {
  width:100%;
}
.voucherBook_content {
  margin-bottom:2%;
  position:relative;
}
.couponBook_img {
  width:100%;
}
.div_couponBook_wrap {
  position:absolute;
  top:50%;
  left:0;
  right:0;
  bottom:0;
  margin-top:-5%;
}
.p_couponBook_tit {
  color:#fff;
  font-size:1.2rem;
  font-weight:bold;
}
.sohp_title {
  font-size:0.875rem;
  font-weight:normal;
}
/* Voucher Book inner */
.div_banner_wrap {
  position:relative;
}
.couponBook_inner {
  top:14%;
  height: 60px;
}
.slick_custom_arrows {
  width:7%;
  position:absolute;
  top:22%;
  z-index:100;
}
#slick-prev {
  left:5%;
}
#slick-next {
  right:5%;
}
/* 1-1 */
.div_content_wrap {
  height:100%;
  background-color:#fff;
}
.div_content_upper {
  text-align:left;
  font-size:0;
  border-top:1px solid #CFD0D8;
}
.div_inner_content {
  width:80%;
  margin:auto;
  padding-top:10%;
}
.p_content_tit {
  padding:8% 0;
  line-height:1.2;
  font-size:1.2rem;
  text-align:center;
  color:#5AB6F3;
  background-color:#fff;
}
.div_left_txt {
  display:inline-block;
  width:35%;
  line-height:1.3;
  font-size:0.875rem;
  color:#9A9DAB;
}
.div_right_txt {
  display:inline-block;
  width:65%;
  line-height:1.3;
  font-size:0.875rem;
  color:#9A9DAB;
}
.img_voucher_coupon {
  display:block;
  margin:10% auto;
  text-align:center;
}
.btn_buy {
  display:block;
  width:100%;
  position:fixed;
  bottom:0;
  height:60px;
  line-height:60px;
  text-align:center;
  font-size:1.3rem;
  background-color:#5AB6F3;
  color:#fff;
}

/* 1-1 Popup */
.div_coupon_popup {
  padding:10% 0;
}
.icon_close_coupon {
  position:absolute;
  top:7%;
  right:5%;
}
.p_txt {
  margin-top:7%;
  line-height:2;
  font-size:1rem;
}
.p_subtxt {
  line-height:1.4;
  font-size:0.75rem;
  color:#9A9DAB;
}
.div_link {
  width:80%;
  height:auto;
  padding:10% 0;
  margin:7% auto;
  background-color:#F8FBFF;
}
.div_link > p {
  display: inline-block;
  width:70%;
  word-break:break-all;
  vertical-align:middle;
  text-align:left;
  font-size:0.875rem;
  color:#5AB6F3;
}
.div_link > img {
  display:inline-block;
  width:10%;
  padding:3%;
}
.p_tit_color {
  color:#F1C265 !important;
}
/* 1-4 */
.div_coupon_wrap {
  width:93%;
  margin:3% auto;
  background-color:#fff;
  border:1px solid #CFD0D8;
}
.p_tit {
  font-size:0.875rem;
  color:#F17485;
}

/* 2-1 */
.p_content_name {
  padding:8% 0;
  border-top:1px solid #CFD0D8;
  line-height:1.3;
  font-size:0.875rem;
  color:#9A9DAB;
  background-color:#fff;
}
.content_subname {
  display:block;
  font-size:1.2rem;
  color:#2E2F37;
}