@charset "utf-8";
/* 100mb.kr Devteam: 190307-1429 */
/* Member CSS */
#native_login_box,
#native_leave_confirm_box_step2,
#native_register_box{display:none;}
.s_header div.cont{position:relative;overflow:hidden;box-sizing:border-box;}
.s_header.is_reservation{margin-top:50px;}
.s_header div.title h1{position:relative;padding:60px 0px;text-align:center;}
.s_header div.title h1 a{display:inline-block;vertical-align:middle;width:204px;height:60px;background-image:url('/include/img/logo_medium.png');background-size:cover;}
.s_header div.title h1 a span.title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;}

.s_tail div.cont{max-width:530px;margin:40px auto;overflow:hidden;box-sizing:border-box;border-top:3px solid #2e2e2e;}
.s_tail ul.menu{text-align:center;margin-top:40px;}
.s_tail ul.menu li{display:inline-block;padding-bottom:12px;}
.s_tail ul.menu li a{display:inline-block;vertical-align:middle;margin-right:7px;padding-right:10px;border-right:1px solid #d0d0d0;}
.s_tail ul.menu li:last-child a{margin-right:0px;padding-right:0px;border-right:none;}
.s_tail ul.menu li a:hover{text-decoration:underline;}
.s_tail p.copyright{text-align:center;font-size:13px;color:#aaa;line-height:1.2;letter-spacing:-0.02em;}

.s_container{position:relative;max-width:530px;margin:0 auto;overflow:hidden;box-sizing:border-box;}

.s_content{text-align:center;}
.s_content h2{position:relative;display:none;vertical-align:middle;font-size:22px;letter-spacing:-0.05em;padding:32px 0px 10px;}
.s_content h2:after{content:'';position:absolute;top:18px;left:50%;left:0;right:0;border:2px solid #2e2e2e;}
.s_content div.policy_box h3{padding:10px 0px;font-size:1.4em;line-height:1.3;}
.s_content div.policy_box div.section{margin-top:26px;}
.s_content div.policy_box div.textbox{height:300px;overflow-y:scroll;padding:15px;margin-top:12px;background-color:rgba(0,0,0,0.02);line-height:1.6;border:1px solid #ddd;}
.s_content div.policy_box div.textbox.no_height{height:auto;border:none;}
.s_content div.policy_box div.textbox div.line_break{padding:10px 0px;}
.s_content div.policy_box div.textbox h4{font-size:1.1em;margin-bottom:4px;}
.s_content div.policy_box div.textbox p,
.s_content div.policy_box div.textbox ul{margin-bottom:16px;font-size:16px;}
.s_content div.policy_box div.textbox ul.common{position:relative;padding-left:16px;font-style:italic;}
.s_content div.policy_box div.textbox ul.common:after{content:'';position:absolute;top:0;bottom:0;left:0px;width:3px;background:#2e2e2e;}
.s_content div.policy_box div.textbox span.title,
.s_content div.policy_box div.textbox span.text{display:block;}
.s_content div.policy_box div.textbox span.notice{color:#cb3434;}
.s_content div.policy_box div.textbox span.title{font-weight:700;}
.s_content div.policy_box div.textbox li{margin-bottom:10px;line-height:1.45;}
.s_content div.policy_box div.textbox a{position:relative;color:#00008b;text-decoration:underline;}
.s_content div.policy_box div.more{text-align:center;border:1px solid #ddd;border-top:none;font-size:0.9em;}
.s_content div.policy_box div.more a{display:block;padding:4px 0px;}
.s_content div.policy_box div.code{display:none;color:#cb3434;font-size:0.9em;padding:10px 0px 0px 2px;}
.s_content div.policy_box div.code_ok{color:#8ab329;}
.s_content div.btn_box.up_padding{padding-top:70px;}
.s_content div.btn_box ul{padding:40px 0px;}
.s_content div.btn_box ul.case01{padding-top:0px;}
.s_content div.btn_box ul.invite{padding:16px 0 0;}
/*.s_content div.btn_box ul.invite.step2{padding:0;}*/
.s_content div.btn_box ul.case02{padding:30px 0px 0px;}
.s_content div.btn_box ul.case03{padding:30px 0px 0px;max-width:370px;}
.s_content div.btn_box li{position:relative;margin-bottom:14px;font-size:16px;letter-spacing:-0.02em;}
.s_content div.btn_box li:last-child{margin-bottom:0px;}
.s_content div.btn_box li.submit{overflow:hidden;}
.s_content div.btn_box li div.no_link,
.s_content div.btn_box li > a{display:block;position:relative;padding:18px 10px;background:#4c4c4c;border:1px solid rgba(0,0,0,0.1);color:#fff;border-radius:8px;font-weight:500;}
.s_content div.btn_box li > a.case01{background:#1ec800;}
.s_content div.btn_box li > a.case04{background:#8ab329;}
.s_content div.btn_box li > a.case03{padding:40px 0px 10px;background:none;border:none;color:#2e2e2e;font-size:1.3em;}
.s_content div.btn_box li > a.case03_01{padding-top:0px;}
.s_content div.btn_box li > a i.arrow{position:absolute;right:15px;font-size:28px;top:50%;transform:translateY(-50%);}
.s_content div.btn_box li div.no_link{background:#ddd;color:#888;}
.s_content div.btn_box li a.ajax_image_delete{position:relative;display:none;bottom:6px;left:4px;padding:0px;background:none;border:none;color:#888;text-decoration:underline;font-size:15px;}
.s_content div.btn_box li a.ajax_image_delete.on{display:inline-block;}
.s_content div.btn_box li a.agree_more{display:inline-block;padding:5px 6px;margin-left:5px;font-size:13px;border:1px solid #ddd;color:#777;background-color:#fafafa;border-radius:6px;}
.s_content div.btn_box li input.mini_btn_rgt{right:0px;width:70px;}
.s_content div.btn_box li input.med_btn_rgt{right:0px;width:90px;}
.s_content div.btn_box li input.mini_btn_rgt,
.s_content div.btn_box li input.med_btn_rgt{border-radius:0px 8px 8px 0px;}
.s_content div.btn_box li span.icon{position:absolute;width:16px;top:0;bottom:0;left:0px;padding:0px 14px;border-right:1px solid rgba(0,0,0,0.1);box-shadow:1px 1px 1px rgba(255,255,255,0.1);}
.s_content div.btn_box li span.icon i{position:absolute;width:16px;height:16px;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url('/include/img/member_icon.png');}
.s_content div.btn_box li span.icon i.no_bg{background-image:none;text-align:center;font-size:1.2em;}
.s_content div.btn_box li span.icon i.naver{background-position:-16px 0px;}
.s_content div.btn_box li span.icon i.email{background-position:-16px -64px;}
.s_content div.btn_box li span.notice{line-height:1.3;}
.s_content div.btn_box li span.notice,
.s_content div.btn_box li span.text{display:inline-block;margin-left:48px;}
.s_content div.btn_box li span.text_only{display:block;margin-left:0px;text-align:center;}
.s_content div.btn_box li div.list{position:relative;}
.s_content div.btn_box li div.code{display:none;color:#cb3434;font-size:0.9em;padding:10px 0px 5px 2px;}
.s_content div.btn_box li div.code.on{display:block;}
.s_content div.btn_box li div.code_ok{color:#8ab329;}
.s_content div.btn_box li div.loading{position:relative;width:30%;left:-30%;height:5px;background-color:#cb3434;background-image:linear-gradient(90deg, rgba(255,255,255,1.0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1.0));}
.s_content div.btn_box li div.icon_upload{background-color:rgba(0,0,0,0.04);}
.s_content div.btn_box li div.icon_upload img{display:block;}
.s_content div.btn_box li div.icon_upload span.file_result_profile{position:relative;display:inline-block;vertical-align:text-bottom;}
.s_content div.btn_box li div.icon_upload input.mini_btn_rgt,
.s_content div.btn_box li div.icon_upload input.med_btn_rgt{background-color:#888;}
.s_content div.btn_box li div.tel_cert_msg{display:none;position:absolute;bottom:110%;right:0px;padding:10px;border:2px solid #666;background-color:#fcfcfc;color:#2e2e2e;font-size:0.9em;text-align:center;line-height:1.4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.s_content div.btn_box li div.tel_cert_msg:before,
.s_content div.btn_box li div.tel_cert_msg:after{content:'';position:absolute;z-index:2;bottom:-11px;right:10px;border-top:12px solid #fcfcfc;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:0;}
.s_content div.btn_box li div.tel_cert_msg:before{border-top:12px solid #666;bottom:-14px;}
.s_content div.btn_box li div.tel_cert_msg span.count{display:none;text-align:center;margin-top:2px;font-size:0.8em;color:#777;}
.s_content div.btn_box li div.tel_cert_msg span.count.on{display:block;}
.s_content div.btn_box #privacy_description{display:none;}
.s_content div.btn_box li div.description{line-height:1.6;font-size:14px;color:#555;background:rgba(0,0,0,0.04);padding:15px 12px;text-align:justify;}
.s_content div.btn_box li div.description_spacious{color:#888;background:none;padding:15px 0px;}
.s_content div.btn_box li div.description span{display:block;}
.s_content div.btn_box li div.description span.heading{font-size:16px;color:#2e2e2e;}
.s_content div.btn_box li div.description span.heading > strong{font-size:18px;display:block;margin-bottom:4px;}
.s_content div.btn_box li div.description span.title{margin-bottom:12px;}
.s_content div.btn_box li div.description span.item{color:#8ab329;}
.s_content div.btn_box li div.description span.item2{color:#999;}
.s_content div.btn_box li div.description span a{color:#1ea7de;border-bottom:1px solid #1ea7de;}
.s_content div.btn_box li div.description em.mention{font-size:16px;}
.s_content div.btn_box li div.description em.mention strong.heading{font-size:16px;margin-bottom:3px;}
.s_content div.btn_box p{line-height:1.6;font-size:13px;color:#555;background:rgba(0,0,0,0.04);padding:15px 12px;}
.s_content div.btn_box p.description{text-align:justify;}
.s_content div.btn_box p span.comodo{color:#c41230;font-family:Arial, Helvetica, sans-serif;font-weight:900;letter-spacing:-0.05em;}
.s_content div.btn_box input[type='text'],
.s_content div.btn_box input[type='tel'],
.s_content div.btn_box input[type='email'],
.s_content div.btn_box input[type='password'],
.s_content div.btn_box input[type='button'],
.s_content div.btn_box input[type='submit'],
.s_content div.btn_box button,
.s_content div.btn_box select{width:100%;padding:16px 14px;border:1px solid #d0d0d0;color:#2e2e2e;font-size:inherit;box-sizing:border-box;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:8px;}
.s_content div.btn_box select::-ms-expand{display:none;}
.s_content div.btn_box input.bigform{font-size:22px;font-weight:700;letter-spacing:0.05em;}
.s_content div.btn_box input.bigsubmit,
.s_content div.btn_box button.bigsubmit{}
.s_content div.btn_box label{position:absolute;top:50%;left:10px;padding:0px 4px;color:#888;cursor:text;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.s_content div.btn_box label:after{content:'';position:absolute;top:calc(50% - 1px);left:0px;width:100%;height:4px;background:#fff;z-index:-1;}
.s_content div.btn_box label.text{position:relative;top:auto;left:auto;padding:0px;color:inherit;cursor:pointer;-moz-transform:translateY(0%);-o-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);}
.s_content div.btn_box legend{display:none;}
.s_content div.btn_box button,
.s_content div.btn_box input[type='submit']{background-color:#8ab329;color:#fff;text-align:center;border:1px solid #8ab329;padding:20px 14px;cursor:pointer;}
.s_content div.btn_box button:focus,
.s_content div.btn_box input[type='submit']:focus{border:2px solid rgba(0,0,0,0.4);padding:19px 14px;}
.s_content div.btn_box button.disabled,
.s_content div.btn_box input[type='submit'].disabled{padding:21px 14px;}
.s_content div.btn_box button.complete,
.s_content div.btn_box button.error,
.s_content div.btn_box button.frm_submit.error,
.s_content div.btn_box button.frm_search.error,
.s_content div.btn_box input[type='submit'].complete,
.s_content div.btn_box input[type='submit'].error{padding:19px 14px;}
.s_content div.btn_box input[type='button']{position:absolute;top:0;bottom:0;background-color:#8ab329;color:#fff;text-align:center;border:none;cursor:pointer;}
.s_content div.btn_box input[type='button']:focus{border:2px solid rgba(0,0,0,0.4);}
.s_content div.btn_box button i.arrow{position:absolute;right:15px;font-size:28px;top:50%;transform:translateY(-50%);}
/*.s_content div.btn_box input[type='text'].on,
.s_content div.btn_box input[type='tel'].on,
.s_content div.btn_box input[type='email'].on,
.s_content div.btn_box input[type='password'].on{padding:15px 13px;border:2px solid #8ab329;}*/
.s_content div.btn_box input.on{padding:15px 13px;border:2px solid #8ab329;}
.s_content div.btn_box button.complete,
.s_content div.btn_box button.error,
.s_content div.btn_box input.complete,
.s_content div.btn_box input.error{padding:15px 13px;border:2px solid #cb3434;}
.s_content div.btn_box button.complete,
.s_content div.btn_box input.complete{border:2px solid rgba(0,0,0,0.4);}
.s_content div.btn_box button.readonly,
.s_content div.btn_box input.readonly{background-color:#f0f0f0;color:#4c4c4c;text-shadow:1px 1px 1px #fff;}
.s_content div.btn_box button.disabled,
.s_content div.btn_box input.disabled{background-color:#999;color:#f0f0f0;cursor:default;border:none;}
.s_content div.btn_box div.preview{padding-bottom:6px;}
.s_content div.btn_box i.privacy{color:#aaa;}
.s_content div.btn_box div.preview a.description,
.s_content div.btn_box div.preview span.description{display:block;padding:20px;color:rgba(61,121,204,1);line-height:1.45;background-color:rgba(61,121,204,0.15);word-break:break-all;box-sizing:border-box;}
.s_content div.btn_box div.preview span.description{border-radius:8px 8px 0px 0px;}
.s_content div.btn_box div.preview a.description{max-width:550px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0px 0px 8px 8px;}
.s_content div.btn_box div.preview a.tag{display:inline-block;max-width:550px;line-height:1.625;color:rgba(61,121,204,1);padding:6px 8px;background-color:rgba(61,121,204,0.15);word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;border-radius:8px;}
.s_content div.btn_box div.preview a.tag i{margin-right:3px;}
.s_content div.btn_cartoon li{border:1px solid #d0d0d0;padding:16px;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.s_content div.btn_cartoon li div.coupon_number{width:fit-content;padding:18px;border-radius:16px;margin:10px auto 30px;background:#00de5a;}
.s_content div.btn_cartoon li div.coupon_number div.title{display:flex;align-items:center;gap:2px;}
.s_content div.btn_cartoon li div.coupon_number span.logo{width:48px;aspect-ratio:221 / 75;background-size:contain;background-repeat:no-repeat;
    background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580.53 198.055"%3E%3Cpath fill="%232e2e2e" d="M198.055 99.028a99.029 99.029 0 0 1-169.05 70.023 99.028 99.028 0 1 1 169.05-70.023zM115.59 52.485v49.785L80.93 52.485H52.485v93.21H82.44V95.76l34.66 49.81h28.545V52.485ZM557.193 47.312l-27.631 62.96-31.256-62.96h-24.032l44.265 87.35-18.247 40.93h23.337L580.53 47.435Zm-98.278 97.358h-22.84v-9.09a44.68 44.68 0 0 1-30.064 11.077c-27.31 0-48.684-22.353-48.684-50.666 0-28.314 21.35-50.666 48.684-50.666a44.677 44.677 0 0 1 30.064 11.052v-9.065h22.84zm-20.159-48.555c0-18.354-12.81-32.287-29.79-32.287-16.982 0-29.793 13.933-29.793 32.287s12.786 32.287 29.792 32.287 29.791-14.057 29.791-32.287zM244.374 175.59h23.833V136.4a44.38 44.38 0 0 0 29.072 10.257c27.308 0 48.708-22.353 48.708-50.666 0-28.314-21.375-50.666-48.708-50.666a44.453 44.453 0 0 0-30.14 11.052v-9.065H244.3Zm50.074-111.763c16.982 0 29.792 13.933 29.792 32.287s-12.81 32.287-29.792 32.287c-16.98 0-29.79-13.933-29.79-32.287s12.66-32.287 29.79-32.287z"/%3E%3C/svg%3E');
}
.s_content div.btn_cartoon li div.coupon_number span.logo_description{font-size:13px;font-weight:700;}
.s_content div.btn_cartoon li div.coupon_number div.number{font-size:26px;margin:24px 0;font-weight:700;user-select:all;min-width:250px;}
.s_content div.btn_cartoon li div.coupon_number div.link a{display:block;border-radius:8px;padding:14px;background:rgba(0,0,0,0.15);font-weight:700;text-align:center;}
.s_content div.btn_cartoon li ul.coupon_description{margin-top:42px;line-height:1.45;color:#999;background:rgba(0,0,0,0.02);padding:15px 12px;text-align:justify;border-radius:8px;}
.s_content div.btn_cartoon li ul.coupon_description > li{position:relative;padding:0 0 0 12px;border:none;text-align:left;font-size:14px;margin:0;}
.s_content div.btn_cartoon li ul.coupon_description > li i{position:absolute;left:0;top:2px;color:#e0e0e0;margin-right:5px;}
.s_content div.btn_cartoon li ul.coupon_description > li+li{margin-top:7px;}
.s_content div.btn_cartoon li ul.coupon_description > li a{color:#1ea7de;background:none;padding:0;display:inline;border-radius:0;border:none;border-bottom:1px solid #1ea7de;}

.s_content div.btn_cartoon li span{display:block;}
.s_content div.btn_cartoon li span.text{margin:0 0 20px;line-height:1.4;}
.s_content div.btn_cartoon li span.barcode_description{margin:20px 0px 0px;padding:20px;background:#f0f0f0;line-height:1.4;font-size:15px;text-align:left;border-radius:8px;color:#4c4c4c;}
.s_content div.btn_cartoon li span.bg{margin:10px auto;width:120px;height:120px;border-bottom:2px solid #2e2e2e;background-size:cover;}
.s_content div.btn_cartoon li span.bg01{background-image:url('/include/img/login_bg1.png');}
.s_content div.btn_cartoon li span.bg02{background-image:url('/include/img/login_bg2.png');}
.s_content div.btn_cartoon li span.bg03{width:280px;height:184px;background-image:url('/include/img/login_bg3.png');}
.s_content div.btn_cartoon li span.bg04{background-image:url('/include/img/login_bg4.png');}
.s_content div.btn_cartoon li.my_tier{background:#4c4c4c;position:relative;text-align:left;border:none;}
.s_content div.btn_cartoon li.my_tier_naver{background:#1ec800;}
.s_content div.btn_cartoon li.my_tier span.profile{display:block;position:relative;width:60px;height:60px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;overflow:hidden;box-sizing:border-box;}
.s_content div.btn_cartoon li.my_tier span.profile:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;}
.s_content div.btn_cartoon li.my_tier span.profile img{display:block;max-width:100%;}
.s_content div.btn_cartoon li.my_tier div{position:absolute;top:20px;left:0px;padding:0px 10px 0px 90px;width:100%;box-sizing:border-box;}
.s_content div.btn_cartoon li.my_tier div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:1.3;}
.s_content div.btn_cartoon li.my_tier span.nickname{font-weight:700;margin-bottom:4px;}
.s_content div.btn_cartoon li.my_tier span.email,
.s_content div.btn_cartoon li.my_tier span.today_login{font-size:0.8em;color:#eee;}
.s_content div.captcha_box{position:relative;max-width:530px;padding-bottom:50%;margin-top:14px;background-image:url('/include/img/cartoon_captcha.png');background-color:#777;border-radius:8px;background-size:cover;overflow:hidden;}
.s_content div.captcha_box.shake{animation:shake-little 150ms ease-in-out infinite;}
.s_content div.captcha_box:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.1);}
.s_content div.captcha_box img{position:absolute;width:50%;top:15%;left:-2%;}
.s_content div.captcha_box span.bg{position:absolute;top:4%;left:0px;width:50%;padding-bottom:25%;background-size:cover;animation:shake-little 150ms ease-in-out infinite;}
.s_content div.captcha_box span.bg01{background-image:url('/include/img/cartoon_captcha_404.png');}
.s_content div.captcha_box span.bg02{background-image:url('/include/img/cartoon_captcha_error.png');}
.s_content div.dev_list ul{margin:40px 0px;border-top:2px solid #2e2e2e;border-bottom:1px solid #2e2e2e;}
.s_content div.dev_list li > a{display:block;padding:20px 0px;border-bottom:1px solid #e0e0e0;}
.s_content div.dev_list li > a:hover{background:rgba(0,0,0,0.02);}
.s_content div.dev_list li:last-child > a{border-bottom:none;}
.s_content div.dev_list span{display:block;line-height:1.625;}
.s_content div.dev_list span.title{font-size:1.2em;font-weight:500;letter-spacing:-0.02em;}
.s_content div.dev_list span.description{color:#888;}
.s_content div.dev_list span i{color:#cb3434;margin-right:5px;}
.s_content div.dev_list p{line-height:1.6;font-size:13px;color:#666;background:rgba(0,0,0,0.04);padding:15px 12px;}
.s_content div.invite_info{position:relative;padding:32px 22px;margin:0 15px 18px;border:1px dashed #d0d0d0;border-radius:8px;text-align:left;line-height:1.34;letter-spacing:-0.05em;
    -webkit-animation:invite_fade 0.3s;-webkit-animation-direction:alternate;-webkit-animation-fill-mode:both;
    animation:invite_fade 0.3s;animation-direction:alternate;animation-fill-mode:both;
}
.s_content div.invite_info.on{color:#888;background:#f7f7f7;border:1px solid rgba(0,0,0,0.07);}
.s_content div.invite_info > div.icon{display:none;position:absolute;top:-22px;left:14px;font-size:54px;color:#8ab329;line-height:1;}
.s_content div.invite_info > div.icon.on{
    display:block;
    -webkit-animation:invite_bubble 0.4s;-webkit-animation-direction:alternate;-webkit-animation-fill-mode:both;
    animation:invite_bubble 0.4s;animation-direction:alternate;animation-fill-mode:both;
}
.s_content div.invite_info > div.title{font-size:24px;font-weight:700;margin-bottom:4px;}
.s_content div.invite_info > div.destination{display:none;}
.s_content div.invite_info > div.destination.on{display:block;}
.s_content div.invite_info > div.destination > span > i{margin-right:2px;}
.s_content div.invite_info > div.destination > span.description{font-size:0.6em;color:#aaa;}
.s_content div.invite_info.inviter{animation-delay:0.4s;}
.s_content div.invite_info.inviter > div.icon{animation-delay:0.7s;}
.s_content div.invite_info.invitee{animation-delay:1.3s;}
.s_content div.invite_info.final{display:none;}
/*.s_content div.invite_info.final{display:none;border:none;padding:0;}*/
/*.s_content div.invite_info.final.on{border:none;background:none;color:#2e2e2e;}*/
@-webkit-keyframes invite_bubble{0%{transform:scale(0);}42%{transform:scale(1.5);}74%{transform:scale(0.8);}88%{transform:scale(1.1);}100%{transform:scale(1);}}
@keyframes invite_bubble{0%{transform:scale(0);}42%{transform:scale(1.5);}74%{transform:scale(0.8);}88%{transform:scale(1.1);}100%{transform:scale(1);}}
@keyframes invite_fade{0%{transform:scale(0);}100%{transform:scale(1);}}
@-webkit-keyframes shake-little{20%{transform:translate(2px, 1px) rotate(0.5deg);}40%{transform:translate(1px, 2px) rotate(0.5deg);color:#2e2e2e;}60%{transform:translate(0px, 0px) rotate(0.5deg);}80%{transform:translate(0px, 2px) rotate(0.5deg);}0%, 100%{transform:translate(0, 0) rotate(0);}}
@keyframes shake-little{20%{transform:translate(2px, 1px) rotate(0.5deg);}40%{transform:translate(1px, 2px) rotate(0.5deg);color:#2e2e2e;}60%{transform:translate(0px, 0px) rotate(0.5deg);}80%{transform:translate(0px, 2px) rotate(0.5deg);}0%, 100%{transform:translate(0, 0) rotate(0);}}

.s_content div.contract_info{position:relative;padding:36px 22px;margin:22px auto;box-shadow:0 0 4px 0 rgba(0,0,0,0.04);border-radius:8px;text-align:left;line-height:1.34;letter-spacing:-0.05em;background:#fff;}
.s_content div.contract_info h3{font-size:26px;font-weight:700;line-height:1.23;}
.s_content div.contract_info .accent{color:#e54d4d;}
.s_content div.contract_info .description{color:#aaa;}
.s_content div.contract_info > dl.contract_detail{margin:20px 0 10px;font-size:16px;}
.s_content div.contract_info > dl.contract_detail > div{display:flex;align-items:center;line-height:1.34;}
.s_content div.contract_info > dl.contract_detail > div+div{margin-top:7px;}
.s_content div.contract_info > dl.contract_detail > div > dt{min-width:106px;color:#888;}
.s_content div.contract_info > ul.description{margin-top:42px;line-height:1.45;font-size:14px;color:#999;background:rgba(0,0,0,0.02);padding:15px 12px;text-align:justify;border-radius:8px;}
.s_content div.contract_info > ul.description > li{position:relative;padding-left:12px;}
.s_content div.contract_info > ul.description > li i{position:absolute;left:0;top:2px;color:#e0e0e0;margin-right:5px;}
.s_content div.contract_info > ul.description > li+li{margin-top:7px;}
.s_content div.contract_info > ul.description > li a.kakao{color: #1ea7de;border-bottom:1px solid #1ea7de;}
.s_content div.contract_info div.npay_promotion div.img{position:relative;padding-bottom:50%;background:linear-gradient(180deg, #1e1e1e, #3c3c3c);border-radius:8px;margin-top:24px;}
.s_content div.contract_info div.npay_promotion div.img > div{background-size:cover;background-repeat:no-repeat;background-position:left bottom;}
.s_content div.contract_info div.npay_promotion div.img > div.v1,
.s_content div.contract_info div.npay_promotion div.img > div.v2{position:absolute;width:calc(100% + 15px);padding-bottom:calc(50% + 15px);top:-15px;left:-15px;}
.s_content div.contract_info div.npay_promotion div.img > div.v1{background-image:url('/include/img/etc/npay_benefit_01_150dpi.png');z-index:1;}
.s_content div.contract_info div.npay_promotion div.img > div.v2{background-image:url('/include/img/etc/npay_benefit_02_150dpi.png');}
.s_content div.contract_info div.npay_promotion div.content p{margin:42px 0;font-size:21px;text-align:center;font-weight:700;}
.s_content div.contract_info div.npay_promotion div.content p em{display:block;}
.s_content div.contract_info div.npay_promotion div.content p span.npay{color:#03c75a;font-weight:700;}
.s_content div.contract_info div.npay_promotion div.content p span.npay i.icon{display:inline-block;vertical-align:sub;margin:0 2px;width:21px;height:21px;background-repeat:no-repeat;background-size:cover;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 52' fill='none' preserveAspectRatio='xMidYMid meet'%3E%3Cg clip-path='url(%23clip0_3699_5886)'%3E%3Cpath d='M52 26C52 31.1423 50.4752 36.1692 47.6182 40.4448C44.7613 44.7205 40.7007 48.053 35.9498 50.0209C31.1989 51.9888 25.9712 52.5037 20.9277 51.5004C15.8842 50.4972 11.2514 48.021 7.61524 44.3848C3.97907 40.7486 1.50281 36.1159 0.499592 31.0724C-0.503624 26.0289 0.0112727 20.8011 1.97915 16.0502C3.94703 11.2994 7.27955 7.23871 11.5552 4.38179C15.8309 1.52487 20.8577 0 26 0C32.8957 0 39.5089 2.73928 44.3848 7.61523C49.2608 12.4912 52 19.1044 52 26ZM31.434 12.61V27.729L20.8195 12.61H12.61V39.39H20.5725V24.2645L31.187 39.39H39.39V12.61H31.434Z' fill='%2303C75A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3699_5886'%3E%3Crect width='168' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.s_content div.contract_info div.npay_promotion ul{margin:42px 0 50px;}
.s_content div.contract_info div.npay_promotion li{position:relative;background:rgba(0, 0, 0, 0.03);padding:24px 24px 24px 54px;border-radius:8px;font-size:18px;color:#555;}
.s_content div.contract_info div.npay_promotion li::before{position:absolute;left:20px;content:'';font-size:0.8em;font-weight:900;color:#fff;width:24px;text-align:center;line-height:24px;background:#2e2e2e;border-radius:1em;}
.s_content div.contract_info div.npay_promotion li:nth-child(n+2){margin-top:16px;}
.s_content div.contract_info div.npay_promotion li:nth-child(n+1)::before{content:'1';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+2)::before{content:'2';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+3)::before{content:'3';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+4)::before{content:'4';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+5)::before{content:'5';}

.number_pad{overflow:hidden;}
.number_pad div.box{max-width:360px;margin:0 auto;padding-top:20px;}
.number_pad div.box:after{display:block;clear:both;content:'';}
.s_content div.btn_box .number_pad button{width:33.33%;float:left;padding:18px;text-align:center;font-size:20px;font-weight:700;background:none;color:#2e2e2e;border:none;}
.s_content div.btn_box .number_pad button.clear,
.s_content div.btn_box .number_pad button.del{color:#bbb;}
.s_content div.btn_box .number_pad.alert button{color:#cb3434;}
.number_pad_status{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.82);z-index:1;border-radius:8px;}
.number_pad_status div.box{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);}
.number_pad_status div.bar{position:relative;text-align:center;font-size:20px;}
.number_pad_status div.code{text-align:center;margin-top:24px;font-size:15px;color:#cb3434;}
.number_pad_status h3{font-size:21px;font-weight:400;text-align:center;margin-bottom:14px;color:#fff;}
.number_pad_status div.bar span{position:relative;display:inline-block;letter-spacing:0.7em;text-indent:0.7em;color:#fff;}
.number_pad_status div.bar span.pseudo_bar{color:#666;}
.number_pad_status div.bar span.real_bar{position:absolute;left:0px;opacity:1.0;}

@media screen and (max-width: 1016px) {
.s_content div.btn_box ul.case03{margin:0 auto;}
}

@media screen and (max-width: 750px) {
.s_content div.btn_box li{font-size:17px;}
}

@media screen and (max-width: 550px) {
.s_header div.title h1{padding:45px 0px;}
.s_header div.title h1 a{width:136px;height:40px;}

.s_tail div.cont{margin:30px auto;font-size:13px;letter-spacing:-0.05em;border-top:2px solid #2e2e2e;}
.s_tail ul.menu{margin-top:30px;}
.s_tail ul.menu li a{margin-right:5px;padding-right:7px;}
.s_tail p.copyright{font-size:12px;}

.s_content h2{font-size:18px;padding:22px 0px 10px;}
.s_content h2:after{top:14px;border:1px solid #2e2e2e;}
.s_content div.policy_box{padding:0px 15px;}
.s_content div.policy_box div.textbox{height:130px;}
.s_content div.policy_box div.textbox.no_height{height:auto;}
.s_content div.btn_box ul{padding:30px 15px;}
.s_content div.btn_box ul.case01{padding-top:0px;}
.s_content div.btn_box ul.invite{padding:16px 0 0;}
/*.s_content div.btn_box ul.invite.step2{padding:0;}*/
.s_content div.btn_box ul.case02{padding:20px 0px 0px;}
.s_content div.btn_box ul.case03{padding:40px 0px 0px;}
.s_content div.btn_box p{padding:18px 17px;background:#f0f0f0;font-size:12px;}
.s_content div.btn_box p.description{text-align:left;}
.s_content div.btn_box div.preview a.description,
.s_content div.btn_box div.preview span.description{padding:15px 12px;}
.s_content div.btn_box div.preview a.description{white-space:normal;overflow:visible;text-overflow:clip;}
.s_content div.btn_cartoon li.my_tier span.profile{width:46px;height:46px;-webkit-border-radius:46px;-moz-border-radius:46px;border-radius:46px;}
.s_content div.btn_cartoon li.my_tier span.profile:after{-webkit-border-radius:46px;-moz-border-radius:46px;border-radius:46px;}
.s_content div.btn_cartoon li.my_tier div{top:16px;padding:0px 10px 0px 76px;}
.s_content div.btn_cartoon li.my_tier div span{line-height:1.1;}
.s_content div.btn_cartoon li.my_tier span.nickname{margin-bottom:2px;}
.s_content div.dev_list{padding:0px 15px 10px;}
.s_content div.dev_list p{margin:0px -15px;padding:15px;}

.s_content div.contract_info{margin:20px 15px;}
.s_content div.contract_info div.npay_promotion div.img > div.v1,
.s_content div.contract_info div.npay_promotion div.img > div.v2{width:calc(100% + 10px);padding-bottom:calc(50% + 10px);top:-10px;left:-10px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-resolution: 120dpi), screen and (min-resolution: 1.2dppx) {
.s_header div.title h1 a{background-image:url('/include/img/logo_medium_150dpi.png');}
.s_content div.btn_box li span.icon i{background-size:32px auto;}
.s_content div.btn_box li span.icon i.naver{background-position:-16px 0px;}
.s_content div.btn_box li span.icon i.email{background-position:-16px -32px;}
.s_content div.captcha_box{background-image:url('/include/img/cartoon_captcha_150dpi.png');}
.s_content div.captcha_box span.bg01{background-image:url('/include/img/cartoon_captcha_404_150dpi.png');}
.s_content div.captcha_box span.bg02{background-image:url('/include/img/cartoon_captcha_error_150dpi.png');}
.s_content div.btn_cartoon li span.bg01{background-image:url('/include/img/login_bg1_150dpi.png');}
.s_content div.btn_cartoon li span.bg02{background-image:url('/include/img/login_bg2_150dpi.png');}
.s_content div.btn_cartoon li span.bg03{background-image:url('/include/img/login_bg3_150dpi.png');}
.s_content div.btn_cartoon li span.bg04{background-image:url('/include/img/login_bg4_150dpi.png');}
}