@charset "utf-8";

BODY {margin:0px auto; font-size:12px; 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; margin-bottom:20px}
#footer_v4 {width:950px}
.contents {width:950px; margin:0 auto; border-top:none; box-sizing: border-box}

/*------  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:950px; 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 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 strong {vertical-align:-5px; display:inline-block}
.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 .btn_log img {vertical-align:middle;}
.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}
.toon_cont {border:1px solid #c6c6c6; background-color:#fafafa; border-top:none; border-bottom:none; padding:52px 66px}
.toon_cont .be_my_tit {text-align: center; border-bottom: 1px solid #bebfc2; padding:0 2px 6px 2px; display:inline-block}
.toon_cont .be_my_tit .my_nick {display:inline-block; font-size:23px; margin:-5px 10px 0 0; letter-spacing: -0.5px; color: #c52c21; font-weight: bold}
.toon_cont .info_txt {display:block; margin:27px 0 18px 0}
.toon_cont .det1 {margin:60px 0 40px 0}
.benefit_my_tb {border: 1px solid #808187; background-color: #fff; font-size: 20px}
.benefit_my_tb table {width: 100%; border-collapse: collapse; border-spacing: 0}
.benefit_my_tb th { background-color: #f9f9f9; font-weight: bold; height:45px; letter-spacing: -0.3px}
.benefit_my_tb td { border-top: 1px solid #ececec; height:46px; line-height:21px; padding:6px 0; word-spacing:-1.3px;}
.benefit_my_tb td, .benefit_my_tb th {font-size:14px; color:#333; border-right: 1px solid #ececec; text-align: center;}
.benefit_my_tb td:last-child, .benefit_my_tb th:last-child {border-right: none}
.benefit_my_tb .be_date {color:#888; display: block;  font-size:13px; letter-spacing:0.3px}
.benefit_my_tb .be_info {color:#9b372f; display: block; padding:2px 0 0 0; margin-bottom:-5px; font-size:12px; letter-spacing: -0.5px; word-spacing:-1.5px}
.benefit_my_tb .be_info em {vertical-align:-2px; display: inline-block; margin-right:2px}
.benefit_my_txt {text-align: left; font-size:13px; padding:17px 0 0 5px; color: #c52323; letter-spacing:-0.5px; word-spacing:-0.3px}
.btn_bene_coupon {display:block; width:111px; height:27px; line-height:27px; border-radius:2px; font-size:12px; margin:4px auto 0 auto; background-color:#da4338; color:#fff; text-align: center}
a.btn_bene_coupon {text-decoration:none}
.btn_bene_coupon:hover {background-color:#c43c32}