@charset "utf-8";
.invite_friend_event_wrapper em{display:inline-block;transform:skew(-8deg);}
.invite_friend_event_wrapper{position:relative;width:1100px;margin:0 auto;}
.invite_frd_ev_vis_img{display:block;max-width:100%;margin:0 auto;}
.invite_frd_ev_benefit{position:relative;padding:76px 100px 132px;background-color:#ffe491;}
.invite_frd_bubble_img{position:absolute;bottom:100%;left:0;width:100%;}
.invite_frd_ev_benef_item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:30px 42px;border-radius:50px;background-color:rgba(255, 255, 255, 0.27);box-shadow:0 42px 73px rgba(65, 65, 65, 0.1), inset 3px 5px 0 5px rgba(255, 255, 255, 0.25);}
.invite_frd_ev_benef_item ~ .invite_frd_ev_benef_item{margin-top:97px;}
.invite_frd_ev_benef_img{-webkit-flex-shrink:0;flex-shrink:0;}
.invite_frd_ev_benef_img img{display:block;}
.invite_frd_ev_benef_item dl{padding-left:30px;-webkit-flex:1;flex:1;}
.invite_frd_ev_benef_item dt{display:inline-block;padding:0 22px;line-height:52px;background-color:#fff;border-radius:50px;font-size:28px;font-weight:700;color:#212121;vertical-align:top;}
.invite_frd_ev_benef_item dd{font-size:32px;font-weight:500;color:#000;margin-top:15px;}
.invite_frd_ev_benef_item dd b{font-weight:800;}

.invite_frd_con_ttl{display:flex;align-items:flex-end;font-size:35px;font-weight:700;color:#212121;}
.invite_frd_con_ttl.center{align-items:center;}
.invite_frd_con_ttl img{flex-shrink:0;margin-left:10px;}
.invite_frd_ev_share{position:relative;padding:90px 100px 70px;}
.invite_frd_ev_share_cont{display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 20px;}
.invite_frd_ev_share_code{font-size:55px;font-weight:800;color:#1874ff;margin-top:7px;}
.invite_frd_ev_share_btn{display:block;width:420px;height:90px;border-radius:70px;background-color:#1874ff;border:0 none;font-size:36px;font-weight:700;color:#fff;-webkit-flex-shrink:0;flex-shrink:0;}
.invite_frd_ev_share_btn:hover{background-color:#0a59d0;background:linear-gradient(to top, #0a59d0 22%, #1874ff);}
.invite_frd_ev_share::after{content:"";display:block;position:absolute;bottom:0;left:100px;right:100px;height:1px;background-color:#f0f0f0;margin:0 auto;}
.invite_frd_ev_cert_btn{display:block;max-width:600px;width:100%;height:80px;line-height:80px;padding:0 20px;background-color:#9fcd47;border-radius:50px;font-size:32px;font-weight:700;color:#fff;text-align:center;text-shadow:0 0 3px rgba(0, 0, 0, 0.28);margin:45px auto 0;}
.invite_frd_ev_cert_btn:hover{background-color:#82b521;background:linear-gradient(to top, #82b521 22%, #9fcd47);}

.invite_frd_ev_add_benef{padding:55px 100px 112px;}
.invite_frd_ev_add_benef_dep p{font-size:30px;font-weight:400;color:#212121;margin-top:20px;}
.invite_frd_ev_add_benef_dep b{font-weight:700;}
.invite_frd_ev_add_benef_prog{position:relative;margin-top:45px;}
.invite_frd_ev_add_benef_prog .namuen_count{font-size:20px;color:#212121;text-align:right;margin-bottom:40px;}
.invite_frd_ev_add_benef_prg_items{position:relative;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.invite_frd_ev_add_benef_prg_items::before{content:"";display:block;position:absolute;top:50%;left:40px;right:40px;height:3px;background-color:#f0f0f0;transform:translateY(-50%);}
.invite_frd_ev_add_benef_prg_items li{position:relative;padding:0 14px;background-color:#fff;}
.invite_frd_ev_add_benef_prg_items li:first-child{padding-left:0;}
.invite_frd_ev_add_benef_prg_items li:last-child{padding-right:0;}
.invite_frd_ev_add_benef_item{position:relative;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:199px;height:199px;border-radius:100%;padding:15px;background-color:#f0f0f0;font-size:50px;font-weight:700;color:#212121;}
.invite_frd_ev_add_benef_item::before{content:"미등록";}
.on .invite_frd_ev_add_benef_item{background-color:#1874ff;color:#fff;}
.on .invite_frd_ev_add_benef_item::before{content:"등록";}
.invite_frd_ev_add_benef_prg_items .invite_frd_heartbox{display:none;position:absolute;top:100%;left:0;right:0;margin:-28px auto 0;}
.invite_frd_ev_add_benef_prg_items .on .invite_frd_heartbox{display:block;}

.invite_frd_ev_state_cont{position:relative;padding:82px 100px 104px;}
.invite_frd_gradient_bg{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:-1;}
.invite_frd_ev_state_items_cont ~ .invite_frd_ev_state_items_cont{margin-top:79px;}
.invite_frd_ev_state_items{display:flex;flex-wrap:wrap;gap:30px 50px;margin-top:35px;}
.invite_frd_ev_state_items_it3{gap:30px 30px;}
.invite_frd_ev_state_item{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 10px;height:114px;background-color:rgba(255, 255, 255, 0.5);border-radius:24px;box-shadow:0 42px 73px rgba(65, 65, 65, 0.1), inset 1px 2px 0 3px rgba(255, 255, 255, 0.25);box-sizing:border-box;transition:background-color 0.25s ease;}
.invite_frd_ev_state_item1, .invite_frd_ev_state_item2{background-color:rgb(134, 235, 125);}
a.invite_frd_ev_state_item:hover{background-color:rgba(134, 235, 125, 0.8);box-shadow:0 12px 22px rgba(65, 65, 65, 0.25), inset 1px 2px 0 3px rgba(255, 255, 255, 0.25);}
.invite_frd_ev_state_item dt, .invite_frd_ev_state_item dd{width:100%;text-align:center;}
.invite_frd_ev_state_item dt{font-size:24px;font-weight:700;color:#212121;}
.invite_frd_ev_state_item dd{font-size:38px;font-weight:800;color:#000;margin-top:5px;}
.invite_frd_ev_state_item strong{display:inline-block;padding:10px 0 10px 40px;background:url("https://cdn.metoon.co.kr/img/menv/invite_frd_ico_coin2.png") no-repeat 0 center;background-size:30px;font-size:25px;font-weight:700;}
.invite_frd_ev_state_item1 strong{padding-left:50px;background:url("https://cdn.metoon.co.kr/img/menv/invite_frd_ico_graph.png") no-repeat 0 center;background-size:auto;}

.invite_frd_ev_notice{position:relative;background-color:rgba(255, 255, 255, 0.5);border-radius:45px;padding:64px 52px 46px;margin-top:174px;}
.invite_frd_ev_notice h3{position:absolute;top:0;left:50px;padding:0 25px;border-radius:50px;background-color:#fff;line-height:64px;font-size:34px;font-weight:800;color:#212121;margin-top:-32px;}
.invite_frd_ev_notice li{position:relative;font-size:20px;font-weight:700;color:#212121;line-height:1.4;}
.invite_frd_ev_notice ul li{margin-top:10px;}
.invite_frd_ev_notice ol li{display:-webkit-flex;display:flex;}
.invite_frd_ev_notice .order_num{display:inline-block;margin-right:7px;}
.invite_frd_ev_notice ol li + li, .invite_frd_ev_notice ul{margin-top:18px;}

.invite_frd_ev_info_wrapper{position:relative;padding:0 100px;}
.invite_frd_ev_info_wrapper:last-child{padding-bottom:104px;}
.invite_frd_ev_info_item{padding:70px 0 107px;}
.invite_frd_ev_info_item.info_item1{padding-top:116px;padding-bottom:74px;}
.invite_frd_ev_info_item .invite_frd_con_ttl{font-size:42px;font-weight:800;}
.invite_frd_ev_info_item h4{font-weight:400;margin-top:30px;}
.invite_hgrp_ttl_txt{display:block;font-size:35px;color:#000;}
.invite_hgrp_ttl_txt.co_blue{font-size:25px;font-weight:700;color:#1874ff;margin-top:12px;}
.invite_frd_logout_item_img{display:block;max-width:100%;margin:60px auto 0;}
.invite_frd_ev_login_btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0 30px;height:240px;border-radius:48px;background-color:rgba(255, 255, 255, 0.27);font-size:66px;font-weight:800;color:#000;box-shadow:0 42px 73px rgba(65, 65, 65, 0.1), inset 1px 2px 0 3px rgba(255, 255, 255, 0.25);cursor:pointer;transition:background-color 0.25s ease;}
.invite_frd_ev_login_btn p{cursor:inherit;}
.invite_frd_ev_login_btn:hover{background-color:rgba(255, 255, 255, 0.8);box-shadow:0 12px 22px rgba(65, 65, 65, 0.25), inset 1px 2px 0 3px rgba(255, 255, 255, 0.25);}
.invite_frd_ev_login_ico{position:absolute;}
.invite_frd_ev_login_ico:first-child{top:0;left:0;margin:-55px 0 0 -40px;}
.invite_frd_ev_login_ico:last-child{bottom:0;right:0;margin:0 -20px -34px 0;}

.invite_frd_tbs_wrapper{margin-top:180px;}
.invite_frd_sec_wrapper ~ .invite_frd_sec_wrapper{margin-top:120px;}
.frd_co_red{color:#ff2457;}
.invite_frd_sec_titles{color:#000;text-align:center;letter-spacing:-0.025em;}
.invite_frd_sec_titles h3{font-size:70px;font-weight:400;}
.invite_frd_sec_titles h4{font-size:40px;font-weight:400;}
.invite_frd_sec_titles h3 + h4, .invite_frd_sec_titles h4 + h3{margin-top:5px;}
.invite_frd_sec_wrapper b{font-weight:700;}
.invite_frd_sec_contents{padding:50px 50px 60px;background-color:rgba(255, 255, 255, 0.5);border-radius:45px;box-shadow:3px 4px 15px 1px rgba(65, 65, 65, 0.14);margin-top:66px;}
.invite_frd_sec_tb{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;border-radius:10px 10px 0 0;overflow:hidden;}
.invite_frd_sec_tb th, .invite_frd_sec_tb td{padding:12px 20px;min-height:48px;font-size:20px;color:#000;}
.invite_frd_sec_tb .frd_td_pdt{padding-top:20px;padding-bottom:20px;}
.invite_frd_sec_tb th, .invite_frd_sec_tb td{border:2px solid #000;word-break:keep-all;word-wrap:break-word;}
.invite_frd_sec_tb th{font-weight:700;}
.invite_frd_sec_tb thead th{background-color:#000;font-size:25px;color:#fff;}
.invite_frd_sec_tb td{text-align:left;}
.invite_frd_sec_tb.txt_right td{text-align:right;}
.invite_frd_sec_tb.txt_right tbody th{padding-top:6px;padding-bottom:4px;}
.invite_frd_sec_tb .frd_txt_r{text-align:left;}
.invite_frd_sec_tb .frd_ft_sml{position:relative;display:block;padding-left:16px;font-size:14px;margin-top:4px;}
.invite_frd_sec_tb .frd_ft_sml::before{content:"※";position:absolute;top:0;left:0;}
.invite_frd_sec_tb .rank_flxbox{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;justify-content:space-between;}
.invite_frd_sec_tb tr:nth-child(n + 4) .frd_co_red{font-weight:500;color:#000;}
.invite_frd_sec_tb .invite_frd_sec_col_benef1{width:206px;}
.invite_frd_sec_tb .invite_frd_sec_col_rank1{width:160px;}
.invite_frd_sec_prag{font-size:30px;line-height:1.4;}
.invite_frd_sec_prag + .invite_frd_sec_prag{margin-top:26px;}
.invite_frd_sec_prag + .invite_frd_sec_tb{margin-top:47px;}
.invite_frd_sec_tb + .invite_frd_sec_prag{margin-top:30px;}
.invite_frd_sec_txt_sml{display:block;font-size:20px;line-height:1.35;margin-top:7px;}