@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) ;
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,section{margin:0;padding:0;border:0}
​article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
​ol,ul{list-style:none}
​table{border-collapse:collapse;border-spacing:0}
img{vertical-align:top}
*{-webkit-text-size-adjust:none}
body{font-family:"Nanum Gothic",Helvetica,Arial,Sans-serif;-webkit-text-size-adjust:none;min-width:320px;background:#f3f3f3}
.clr:after {content:".";display:block;height:0px;clear:both;visibility:hidden}
* html .clr {height:1%}
.clr {zoom:1}
.blind{position:relative;z-index:-1;text-indent:-9999em;font-size:0;width:0;height:0;visibility:hidden}
.btn{display:inline-block;background:none;outline:none;border:none;text-indent:-9999em;cursor:pointer}
.btn_in{text-indent:0}
.header{height:49px;background:#fff;text-align:center;position:relaitve;border-bottom:1px solid #e8e8e8}
.header h1{font-size:18px;font-weight:700;line-height:49px;border-bottom:1px solid #dcd9d9}
.header .btn.btn_close{width:52px;height:49px;position:absolute;right:0;top:0;background:url(/images/membership/stamp/btn_close.png) 0 0 no-repeat;background-size:52px 49px;-webkit-background-size:52px 49px}
.moim_list_wrap{padding:0 15px}
.moim_list_wrap h2{padding:30px 0;font-size:15px;text-align:center;color:#33b5e5}
.moim_list{padding:16px 0;border:1px solid #dfe0df;border-radius:5px;background:#fff}
.moim_list header{padding:0 0 8px 0;margin:0 0 12px 0;border-bottom:1px solid #dfdddd}
.moim_list header h3{margin:0 0 10px 0;padding:0 16px;font-size:16px;color:#4e4f51;line-height:24px}
.moim_list header dl{padding:0 16px;font-size:13px;color:#b8b5b5}
.moim_list header dl dt{clear:left;float:left;padding:0 8px 8px 0;position:relative}
.moim_list header dl dt:after{content:"|";display:block;width:1px;position:absolute;right:0;top:0;color:#dbd9d9}
.moim_list header dl dd{float:left;padding:0 0 8px 8px}
.moim_list footer{position:relative}
.moim_list footer figure{padding:0 16px;}
.moim_list footer dl{padding:0 16px;position:absolute;left:60px;top:0}
.moim_list footer dl dt{margin:5px 0 3px 0;font-size:12px;color:#8a8c8e}
.moim_list footer dl dd{font-size:15px;color:#4e4f51}
.btn_stamp{padding:70px;text-align:center}
.btn_stamp .btn_getstamp{margin:0 0 15px 0;width:120px;height:120px;background:url(/images/membership/stamp/img_stamp_off.png) 0 0 no-repeat;background-size:120px 120px;-webkit-background-size:120px 120px}
.btn_stamp .btn_getstamp.on{background-image:url(/images/membership/stamp/img_stamp_on.png)}
.btn_stamp p{font-size:14px;color:#8a8c8e}

.block{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:99}
.notice{background:#fff;border-radius:5px;margin:-103px 7% 0;width:86%;position:absolute;top:50%;z-index:100}
.notice h1{padding:15px;height:20px;font-size:16px;color:#4e4f51;text-align:center;font-weight:800}
.notice .conts{padding:15px;font-size:14px;text-align:center;line-height:21px;color:#4e4f51;background:#f3f3f3;border-radius:5px}
.notice .conts p{padding:15px 0 30px 0}
.notice .btn_confirm{display:block;width:100%;padding:13px 0;background:#d6423e;border-radius:5px;font-family:"Nanum Gothic",Helvetica,Arial,Sans-serif;color:#fff;text-indent:0}
.notice .btn_confirm:hover,.notice .btn_confirm.on{background:#ba2521}

.alert_mode{display:none}
.alert_mode.on{display:block}
