@charset "UTF-8";

/* 친구추천이벤트 */
.friend_20210701 { width:100%; overflow:hidden; text-align:center; }
.friend_20210701 img { vertical-align:top; }
.friend_20210701 .guide { background:#ffe71f; text-align:left; padding:0 50px 80px; color:#555; }
.friend_20210701 .guide dt { font-size:18px; padding-bottom:10px; color:#0248c0; }
.friend_20210701 .guide li:before { content:"- " }
.friend_20210701 .guide a { display:block; border-radius:5px; line-height:60px; font-weight:500; width:280px; height:60px; background:#222; border:1px solid #222; font-size:20px; color:#fff; text-align:center; margin:40px auto 0; letter-spacing:-1px; transition:all .3s; }
.friend_20210701 .guide a:after { content:" >" }
.friend_20210701 .guide a:hover { background:#0248c0; border:1px solid #0248c0; }
.friend_20210701 .rolling li { float:left; }
.friend_20210701 .rolling:after { content:""; display:block; clear:both; }
.friend_20210701 .event_way { background:#ffe71f; width:840px; padding-bottom:40px; }
.friend_20210701 .event_way input[type="text"]{ height:60px; width:530px; margin:0; border:1px solid #222; vertical-align:top; font-size:16px; padding:0 20px; }
.friend_20210701 .event_way button { height:60px; width:210px; color:#fff; font-size:18px; background:#0248c0; margin-left:-3px; transition:all .3s; }
.friend_20210701 .event_way button:hover { background:#222; }
.friend_20210701 .event_finish { background:url(images/icon_finish.png) no-repeat 160px 20px; font-size:18px; padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #222; margin:0 50px; }