/* 이벤트 캐시 상단 */
.eventcash_top {width:100%; margin:50px 0; overflow:hidden;}
.eventcash_top  .ec_left   {width:916px;  height:240px; float:left; background: url(/resources/assets/img/web/ec_top_bg.jpg) no-repeat bottom;}
.eventcash_top  .ec_left  .ec_left_tit   {height:80px; font-size:45px; font-weight:100; text-align:center; letter-spacing:-3px; font-family: 'Noto Sans KR', sans-serif;}
.eventcash_top  .ec_left  .ec_left_tit span {font-weight:500; letter-spacing:-5px;}
.eventcash_top  .ec_left  .pointbox  {width:100%; overflow:hidden; text-align:center}
.eventcash_top  .ec_left  .pointbox  li {display:inline-block; width:238px; height:153px; padding-top:40px; box-sizing:border-box}
.eventcash_top  .ec_left  .pointbox  li:nth-child(1) {margin:0 15px 0 0; background: url(/resources/assets/img/web/ec_point.png) no-repeat; }
.eventcash_top  .ec_left  .pointbox  li:nth-child(2) {background: url(/resources/assets/img/web/ec_cash.png) no-repeat; }
.eventcash_top  .ec_left  .pointbox  li p    {width:100%; text-align:center; color:#fff; font-family: 'Lato', sans-serif;  font-size:40px; font-weight:400}
.eventcash_top  .ec_left  .pointbox  li p span {color:#f4eb00}
.eventcash_top  .ec_right   {width:284px; float:left;}
.eventcash_top  .ec_right  li   {width:280px; height:50px; font-size:16px; padding:10px 0 0 16px; margin:0 0 10px 0; border:1px solid #ddd; box-shadow: 4px 4px #eaeaea; background: url(/resources/assets/img/web/ec_arrow.png) no-repeat 250px 20px; box-sizing:border-box; cursor:pointer}
.eventcash_top  .ec_right  li img {vertical-align:middle; margin:0 10px 0 0}
.eventcash_top  .ec_right  li:hover   {border:1px solid #58c4b4;}

/* 이벤트 캐시 충전소 */
.ectab  { font-size:25px;}
.ectab  .ec_tab_off  {width:50%; float:left; height:70px; padding-top:15px; font-weight:300; color:#6f6f6f; text-align:center; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #ef5623;box-sizing:border-box; cursor:pointer}
.ectab  .ec_tab_on  {width:50%; float:left; height:70px; padding-top:15px; font-weight:700; color:#f05623; text-align:center; border-top:1px solid #ef5623; border-left:1px solid #ef5623; border-right:1px solid #ef5623; border-bottom:1px solid #fff;box-sizing:border-box; cursor:pointer}

.savingTit   { width:100%; overflow:hidden;  font-size:40px; letter-spacing:-3px; text-align:center; padding:70px 0 30px 0}
.spsaving   {width:100%; text-align:center; overflow:hidden;}
.spsaving   li   {display:inline-block; width:290px; border:1px solid #c2c2c2; margin:0 10px 30px 0; overflow:hidden; cursor: pointer;}
.spsaving   li:nth-child(4n+4) {margin:0 0 30px 0}
.spsaving   li   .imgbox  {width:290px; height:260px;}
.spsaving   li   .txtbox   {font-size:22px; color:#000; padding:15px 0}
.spsaving   li   .txtbox   span  {color:#f05623}
.spsaving   li   .btnbox  {height:30px; padding:20px;  background:#222; border:0; font-family: 'Lato', sans-serif; font-size:22px; color:#fff; text-align:center}
.spsaving   li:hover   {border:1px solid #f05523;}