@charset "UTF-8";

.div_rally_wrap {
  width:100%;
  overflow:hidden;
  background-color:#fff;
}
.div_rally_top_content {
  width:90%;
  margin:0 auto;
  padding-top: 5%;
  font-size:0;
}
.div_rally_number {
  display:table-cell;
  width:28%;
}
.div_rally_number_box {
  display:table-cell;
  width:70px;
  height:70px;
  text-align:center;
  font-size:20px;
  vertical-align:middle;
  background-color:#F8F8F8;
}
.p_number_area > span {
  color:#FF1C62;
}
.p_stamp {
  margin-top:3%;
  font-size:13px;
}
.div_left_desc {
  width:100%;
  display:table-cell;
  text-align:left;
  vertical-align:top;
}
.p_rally_top_title {
  font-weight:bold;
  font-size:0.875rem;
  color:#2E2F37;
}
.p_rally_top_text {
  margin-top:3%;
  font-size:0.670rem;
  color:#9A9DAB;
  line-height:1.5;
}
/* 쿠폰을찍을경우 on클래스 추가 */
.coupon_icon {
  display:inline-block;
  width:25%;
  position:relative;
  margin:5% 0 5% 5%;
}
.none {
  margin-left:0;
}
.coupon_icon > img {
  width:100%;
}
img.icon_on {
  display:none;
  position:absolute;
  top:0;
  left:0;
}
img.icon_on.on {
  display:block;
}
/* 쿠폰을찍을경우 on클래스 추가 */

.div_slick_content {
  position:relative;
}
.slick_custom_arrows {
  width:5%;
  padding:8% 3%;
  position:absolute;
  top:0%;
  z-index:10;
}
#slick-prev {
  left:0;
}
#slick-next {
  right:0;
}
.div_desc_wrap {
  padding-top:5%;
}
.rally_content_01 {
  background-color:#825F5A;
  background-image:url(../images/img_rally_bg_01.png);
  background-repeat:no-repeat;
  background-size:100%;
}
.rally_content_02 {
  background-color:#57612E;
  background-image:url(../images/img_rally_bg_02.png);
  background-repeat:no-repeat;
  background-size:100%;
}
.rally_content_03 {
  background-color:#5B5D50;
  background-image:url(../images/img_rally_bg_03.png);
  background-repeat:no-repeat;
  background-size:100%;
}
.p_rally_number, .p_rally_title, .p_rally_text {
  width:70%;
  margin:auto;
  text-align:left;
  letter-spacing:0.5px;
  line-height:1.3;
  color:#fff;
}
.p_rally_number {
  margin-top:5%;
  color:rgba(255, 255, 255, 0.5);
  font-size:0.750rem;
}
.p_rally_title {
  padding:2% 0 5% 0;
  font-size:1.5rem;
  font-weight:bold;
  border-bottom:1px solid rgba(255, 255, 255, 0.5);
}
.p_rally_text {
  display:inline-block;
  /*width:50%;*/ /* 170707수정 */
  margin-top:5%;
  font-size:0.750rem;
  vertical-align:middle;
}
.img_stamping_area {
  display: inline-block;
  width:20%;
  margin-top:5%;
}
.div_banner_content  {
  min-height:300px;
}
.div_rally_coupon {
  width:100%;
  height:35%;
  position:fixed;
  bottom:-26%;
  background-color:#FF1C62;
  z-index:20;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.div_rally_coupon.on {
  bottom:0;
}
.coupon_btn {
  display:table;
  width:100%;
  height:25%;
  line-height:320%;
  letter-spacing:1px;
  color:#fff;
  font-size:0.780rem;
  text-align:center;
  -webkit-tap-highlight-color: transparent;
}
.icon_slide {
  display:inline-block;
  width:19px;
  height:10px;
  margin-left:2%; /* 170707수정 */
  overflow:hidden;
  background-image:url(../images/icon_slide.png);
  background-repeat:no-repeat;
  background-size:cover;
}
.icon_slide.on {
  background-position-x:-19px;
}
.div_coupon_inner_bg {
  width:100%;
  height:70%;
  margin:auto;
  /*padding:3%;*/
  padding:3% 0;
  box-sizing:border-box;
}
.div_coupon_content {
  width:93%;
  margin:0 auto;
  padding:3%;
  background-color:#fff;
  box-sizing:border-box;
}
.img_area {
  display:inline-block;
  width:28%;
  box-sizing:border-box;
}
.img_area > img {
  width:100%;
  padding:5%;
  vertical-align:middle;
  box-sizing:border-box;
}
.div_content_desc {
  display:inline-block;
  width:70%;
  vertical-align:middle;
  text-align:left;
  line-height:1.25;
  font-size:0.875rem;
}
.p_coupon_name {
  font-size:1.3rem;
  color:#414141;
}
.div_coupon_term, .p_date {
  font-size:0.875rem;
  color:#B7B7B7;
}
.div_coupon_term {
  display:inline-block;
  width:25%;
}
.p_date {
  display:inline-block;
  width:70%;
}
@media only screen and (min-width:360px) {
  html {font-size:1.1rem;}
  .coupon_btn {line-height:400%}
}