@charset "utf-8";

/* vip 쿠폰 등록 페이지 */
#menv_footer{margin-top:0;}
.menv_coupon_reg_wrapper{position:relative;/* padding-bottom:19.7%; */background:url("https://cdn.metoon.co.kr/img/menv/menv_coupon_coin1.png") no-repeat 11.2% calc(100% - 331px), url("https://cdn.metoon.co.kr/img/menv/menv_coupon_coin2.png") no-repeat 91.3% calc(100% - 499px), #e5b259;overflow:hidden;}
.menv_coupon_reg_container{max-width:1240px;padding:0 20px;margin:0 auto;}
.menv_coupon_reg_container img{display:block;max-width:100%;}
.menv_coupon_reg_vis{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;background:url("https://cdn.metoon.co.kr/img/menv/menv_coupon_vis_bg.png") no-repeat center;background-size:100%;}
.menv_coupon_reg_vis_coin{position:relative;margin-top:3px;}
.menv_coupon_reg_vis_coin .disp_coin{position:absolute;top:0;left:0;width:100%;height:100%;padding:9.5% 37.8% 0 12.4%;line-height:1;}
.menv_coupon_reg_vis_coin .coin_amount{font-size:125px;font-weight:700;color:#97bd4d;text-align:center;}
.menv_coupon_reg_vis_coin .coin_amount_txt{font-size:52px;text-align:right;text-transform:uppercase;margin-top:3%;}
.menv_coupon_reg_form{position:relative;padding:0 20px;z-index:10;margin-top:48px;}
.menv_coupon_reg_form input[type="text"]{display:block;max-width:774px;width:100%;height:60px;padding:0 32px;font-size:24px;color:#1e1e1e;border-radius:30px;background-color:#fff;}
.menv_coupon_reg_form button{display:block;position:absolute;top:0;right:20px;width:428px;height:60px;border-radius:30px;background-color:#1e1e1e;font-size:28px;font-weight:500;color:#fff;text-align:center;box-shadow:0 0 0 2px #e5b259;}
.menv_coupon_reg_useinfo{position:relative;padding:0 20px;margin-top:42px;}
.menv_coupon_reg_useinfo dl{padding:27px 29px 20.3%;background:url("https://cdn.metoon.co.kr/img/menv/menv_coupon_coin3.png") no-repeat 67.54% 108px, rgba(190, 135, 40, 0.2);border-radius:12px 12px 0 0;font-size:18px;color:#1e1e1e;}
.menv_coupon_reg_useinfo dt{padding-bottom:17px;}
.menv_coupon_reg_useinfo dd{position:relative;padding-left:11px;line-height:1.35;margin-top:7px;}
.menv_coupon_reg_useinfo dd::before{content:"·";position:absolute;top:0;left:2px;}
#coupon_useinfo{position:absolute;top:0;left:0;width:100%;margin-top:-100px;z-index:-1;}
.menv_coupon_reg_coinbg{position:absolute;position:sticky;position:sticky;bottom:0;left:0;width:100%;padding-bottom:19.7%;overflow:hidden;z-index:9;margin-top:-19.7%;}
.menv_coupon_reg_coinbg img{display:block;position:absolute;top:0;left:0;right:0;max-width:100%;margin:0 auto;}

@media all and (min-width:1749px){
	/* vip 쿠폰 등록 페이지 */
	.menv_coupon_reg_form input[type="text"]{font-weight:300;}
	.menv_coupon_reg_coinbg{height:344px;padding-bottom:0;margin-top:-344px;}
	.menv_coupon_reg_useinfo dl{padding-bottom:265px;}
}

@media all and (min-width:1000px){
	/* vip 쿠폰 등록 페이지 */
	.menv_coupon_reg_coinbg{position:relative;}
}

@media all and (max-width:1240px){
	/* vip 쿠폰 등록 페이지 */
	.menv_coupon_reg_vis_coin .coin_amount{font-size:10vw;}
	.menv_coupon_reg_vis_coin .coin_amount_txt{font-size:4.19vw;}
}

@media all and (max-width:999px){
	/* vip 쿠폰 등록 페이지 */
	.menv_coupon_reg_wrapper{background:url("https://cdn.metoon.co.kr/img/menv/menv_coupon_coin1.png") no-repeat 5.2% calc(100% - 331px) #e5b259;background-size:49px;}
	.menv_coupon_reg_form{padding:0;margin-top:30px;}
	.menv_coupon_reg_form input[type="text"], .menv_coupon_reg_form button{height:46px;font-size:16px;}
	.menv_coupon_reg_form input[type="text"]{max-width:-webkit-calc(100% - 70px);max-width:-moz-calc(100% - 70px);max-width:calc(100% - 70px);}
	.menv_coupon_reg_form button{right:0;width:120px;}
	.menv_coupon_reg_useinfo{padding:0;}
	.menv_coupon_reg_useinfo dl{padding:22px 15px 26.3%;background-position-x:86%;background-size:45px;font-size:14px;}
	.menv_coupon_reg_useinfo dt{padding-bottom:10px;font-size:18px;font-weight:500;}
	.menv_coupon_reg_coinbg{position:-webkit-sticky;position:sticky;}
}

@media all and (max-width:600px){
	/* vip 쿠폰 등록 페이지 */
	.menv_coupon_reg_vis{display:block;}
	.menv_coupon_reg_vis_title img{max-width:350px;width:100%;margin:0 auto;}
	.menv_coupon_reg_vis_coin{max-width:250px;margin:0 auto;}
	.menv_coupon_reg_vis_coin .disp_coin{padding:24px 94px 0 31px;}
	.menv_coupon_reg_vis_coin .coin_amount{font-size:64px;}
	.menv_coupon_reg_vis_coin .coin_amount_txt{font-size:22px;}
}

@media all and (max-width:380px){
	.menv_coupon_reg_form input[type="text"], .menv_coupon_reg_form button{font-size:14px;}
	.menv_coupon_reg_form input[type="text"]{padding:0 15px;}
	.menv_coupon_reg_form button{width:100px;}
}