@charset "utf-8";

BODY {margin:0px auto; font-size:12px; font-family:AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif; text-align:center}
body,div,dl,dt,dd,ul,ol,li,form,p,button, h1 {margin:0;padding:0;}
img {border:0 none; }
ul,ol,li {list-style:none outside;}
em,address {font-style:normal}
button{border:none;background:none;cursor:pointer}

/*------  layout ------*/
#wrap {padding:0;}
#top{width:100%;}
#contents_w {background-color:#fff}
.ev_cont {background-color:#4c47d9; width: 1025px; margin:0 auto}
.contents {width:890px; margin:0 auto;  border-top:none; box-sizing: border-box; background-color:#f8d079}

/*------  SNB ------*/
#snb_v4 {position:relative; height:47px; z-index:1000; background-color:#fff}
#snb_v4 .snb_m_v4, #s_snb_v4 .snb_m_v4 {width:1025px; margin:0 auto; position:relative; text-align:left;}
#snb_v4 .snb_m_v4 h1{position:absolute; top:10px}

.snbwrap_v4 {position:absolute; top:12px; right:5px; margin:0; font-size:12px;}
.snbwrap_v4 ul {float:left}
.snbwrap_v4 li {float:left; font-size:12px; margin:5px 0 0 12px}
.snbwrap_v4 li a, .snbWrap_v4 li a:link, .snbWrap_v4 li a:hover, .snbWrap_v4 li a:visited {color:#606060; text-decoration:none }
.snbwrap_v4 li a:hover {text-decoration:underline}
.snbwrap_v4 .login_v4 {float:left; margin-right:7px;}
.snbwrap_v4 .login_v4 strong {vertical-align:-5px; display:inline-block}
.snbwrap_v4 .login_v4 strong a, .snbwrap_v4 .login_v4 .member {color:#343434; text-decoration:none; font-weight:normal}
.snbwrap_v4 .login_v4 strong a:hover {text-decoration:underline}
.snbwrap_v4 .login_v4 .member {display:inline-block; padding:5px 3px 0 0; margin-top:-2px; margin-left:-3px; vertical-align:middle}
.snbwrap_v4 .login_v4 .btn_log {vertical-align:-4px; display:inline-block}
.snbwrap_v4 .login_v4 img {vertical-align:middle}

/* mypag list */
.my_area_v4 {clear:both; text-align:left; width:78px; position: absolute; display: block; z-index: 1000;}
.my_area_v4 ul {padding:8px 6px 2px 7px; border:1px solid #afafaf; background-color:#ffffff;}
.my_area_v4 li {padding-bottom:3px; letter-spacing:-1px; font-size:11px; color:#888;}
.my_area_v4 li a, .my_area_v4 li a:link, .my_area_v4 li a:visited {letter-spacing:-1px; font-size:11px; color:#888; text-decoration:none;}
.my_area_v4 li a:hover {letter-spacing:-1px; font-size:11px; color:#888; text-decoration:underline;}

/* e_mail */
.e_mail {width:306px; margin:0 auto; border:1px solid #95a5b0;text-align:left; background-color:#FFF;}
.e_mail dl{padding:12px 15px;}
.e_mail dt{ width:270px; border-bottom:1px solid #e6e6e6; font-weight:bold; font-size:12px; color:#303030; padding-bottom:5px;letter-spacing:-1px;}
.e_mail dd{ width:270px;border-bottom:1px solid #e6e6e6;font-size:12px; color:#555555; line-height:18px; padding:8px 0 10px 0; letter-spacing:-1px;}
.e_mail p{ padding:0 0 10px 0; text-align:center;}

.blind {font-size:0; height:0; left:-9999px; line-height:0; overflow:hidden; position:absolute; top:-9999px; width:0}


/* contents */
.contents img, .top_copy_w img {vertical-align:top; border: 0; margin: 0; padding: 0}
.ev_cont .bene_lst {width:824px; margin:0 auto}
.ev_cont .bene_lst li {position:relative; width:824px; height:164px;  background:url("/images/event/chargeBenefit/bene_lst_bg.png") 0 0 no-repeat}
.ev_cont .bene_lst li a {display:block; height:149px}
.ev_cont .bene_lst .bene_img {display:block; text-align:left; padding:27px 0 0 46px}
.ev_cont .bene_lst .btn_det_arr {position: absolute; right:53px; top:48px; width:55px; height:55px;  background:url("/images/event/chargeBenefit/bene_arr.png") 0 0 no-repeat}
.ev_cont .ser_lst {width:824px; margin:0 auto}
.ev_cont .ser_lst li {position:relative; width:824px; height:244px;  background:url("/images/event/chargeBenefit/ser_lst_bg.png") 0 0 no-repeat}
.ev_cont .ser_lst li a {display:block; height:229px}
.ev_cont .ser_lst .bene_img {display:block; text-align:left; padding:30px 0 0 53px}
.ev_cont .ser_lst .btn_det_arr {position: absolute; right:53px; top:87px; width:55px; height:55px;  background:url("/images/event/chargeBenefit/bene_arr.png") 0 0 no-repeat}
