@charset "utf-8";

/* contents */
#container{position:relative; width:100%}
.top_copy_w img {width: 100%; vertical-align: top}
.contents {font-size: 13px; color: #000; background-color:#f8d079; padding-bottom:14px; border-bottom-left-radius:20px; border-bottom-right-radius:20px}
.contents img, .be_cont img {vertical-align:top; border: 0; width: 100%}
.ev_cont {background-color:#4c47d9}
.ev_cont .bene_lst {padding:3px 15px 0 15px}
.ev_cont .ser_lst {padding:3px 15px 0 15px}
.ev_cont .bene_lst li, .ev_cont .ser_lst li {position:relative; border-radius:10px;  padding:14px 0 13px 14px; margin-bottom:9px;background-image: linear-gradient(to bottom, #ffffff, #ebebeb);  box-shadow: 0 5px 5px rgba(0,0,0,0.09);}
.ev_cont .bene_lst li a, .ev_cont .ser_lst li a {display: block}
.ev_cont .bene_lst .bene_img, .ev_cont .ser_lst .bene_img {display:block; text-align:left; width:300px}
.ev_cont .bene_lst .btn_det_arr {position: absolute; right:10px; top:25px; display:block; width:25px; height:25px;  background:url("/images/event/chargeBenefit/bene_arr.png") 0 0 no-repeat; background-size:25px auto}
.ev_cont .ser_lst .btn_det_arr {position: absolute; right:10px; top:50px; display:block; width:25px; height:25px;  background:url("/images/event/chargeBenefit/bene_arr.png") 0 0 no-repeat; background-size:25px auto}
.bene_noti {background-color:#45455c; padding:30px 20px 30px 20px; margin-top:30px}
.bene_noti img {width:100%}