body { background: #171718; font-family: 'Noto Sans Korean', Malgun Gothic, Dotum, sans-serif; font-weight: 300; }

body.ofh { overflow: hidden; }

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td { margin: 0; padding: 0; }

img { border: none; vertical-align: top; }

ul li, ol li { list-style: none; }

fieldset { border: none; }

table { border-collapse: collapse; }

caption { display: none; }

img, fieldset, button { border: 0; padding: 0; }

button { background: none; }

input, select { vertical-align: middle; }

legend { width: 0; height: 0; font-size: 0; position: absolute; overflow: hidden; }

a { text-decoration: none; cursor: pointer; }

button, input[type="button"], input[type="submit"], input[type="image"] { cursor: pointer; outline: none; font-family: 'Noto Sans Korean', Malgun Gothic, Dotum, sans-serif; }

input, textarea, button, a, select { outline: none; }

.gnbWrapper { min-width: 1280px !important; }

.blind { overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; }

.util_sp { background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/util_sp.png) no-repeat; }

.head_line { position: absolute; top: 63px; left: 0; right: 0; z-index: 1100; background: #fff; }

.head_line.sticky { position: fixed; top: 0; }

.hl_inner { position: relative; max-width: 2560px; min-width: 1280px; height: 73px; margin: 0 auto; background: #fff; }

.nz_sp { background: url(https://lwi.nexon.com/cso/2020/1210_new_face_zombie_2F59DC366DFA5AA6/nz_sp.png) no-repeat; }

.mv_sp1 { background: url(https://lwi.nexon.com/cso/2020/1210_new_face_zombie_2F59DC366DFA5AA6/mv_sp1.png) no-repeat; }

.btn_sp { background: url(https://lwi.nexon.com/cso/2020/1210_new_face_zombie_2F59DC366DFA5AA6/btn_sp.png) no-repeat; }

h1.logo { position: absolute; top: 0; left: 60px; }

h1.logo a { display: block; width: 278px; height: 73px; background-position: -60px 0; text-indent: -9999px; }

.lm_btn { position: absolute; top: 0; left: 0; }

.lm_btn button.l_btn { display: block; width: 60px; height: 73px; background-position: 0 -121px; text-indent: -9999px; }

.lm_btn button.l_btn.on { background-position: 0 0; }

.h_tab { text-align: center; }

.h_tab a { display: inline-block; height: 73px; margin: 0 60px; text-indent: -9999px; }

.h_tab a.ht_1 { width: 209px; background-position: -677px 0; }

.h_tab a.ht_1.on { background-position: -677px -121px; }

.h_tab a.ht_2 { width: 338px; background-position: -1005px 0; }

.h_tab a.ht_2.on { background-position: -1005px -121px; }

.util { position: absolute; top: 0; right: 0; }

ul.util_list { overflow: hidden; }

ul.util_list li { float: left; }

ul.util_list li.btn_home a.nz_sp { display: block; width: 90px; height: 73px; background-position: -1637px 0; text-indent: -9999px; }

ul.util_list li.btn_home a.nz_sp:hover { background-position: -1637px -121px; }

ul.util_list li.btn_start button.nz_sp { width: 193px; height: 73px; background-position: -1727px 0; text-indent: -9999px; }

ul.util_list li.btn_start button.nz_sp:hover { background-position: -1727px -121px; }

.btn_hide { margin: 13px 0 0 129px; }

.btn_hide button.nz_sp { width: 120px; height: 13px; background-position: -1766px -86px; text-indent: -9999px; }

.btn_hide button.nz_sp:hover { background-position: -1766px -207px; }

.left_menu { position: fixed; top: 0; width: 172px; height: 100%; max-width: 1920px; margin: 0 auto; z-index: 500; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; }

.left_menu.on { transform: translate3d(-172px, 0, 0); }

.left_menu .lm_column { overflow-y: scroll; overflow-x: hidden; float: left; width: 172px; height: 100%; background: rgba(31, 31, 31, 0.8); -ms-overflow-style: none; }

.left_menu .lm_column::-webkit-scrollbar { display: none; }

.left_menu .lm_column .lm_logo { width: 145px; height: 99px; margin: 164px auto 15px; background: url(https://lwi.nexon.com/cso/2020/1210_new_face_zombie_2F59DC366DFA5AA6/lm_logo.png) no-repeat; text-indent: -9999px; }

.left_menu .lm_column .lm_logo.fix2 { margin: 97px auto 15px; }

ul.lm_list li { margin-bottom: 1px; }

ul.lm_list li a { display: block; width: 172px; height: 178px; background: url(https://lwi.nexon.com/cso/2020/1210_new_face_zombie_2F59DC366DFA5AA6/left_menu.png) no-repeat; text-indent: -9999px; }

ul.lm_list li.lm_1 a { background-position: 0 0; }

ul.lm_list li.lm_1 a:hover { background-position: -188px 0; }

ul.lm_list li.lm_2 a { background-position: -188px -179px; }

ul.lm_list li.lm_3 a { background-position: 0 -358px; }

ul.lm_list li.lm_3 a:hover { background-position: -188px -358px; }

ul.lm_list li.lm_4 a { background-position: 0 -537px; }

ul.lm_list li.lm_4 a:hover { background-position: -188px -537px; }

#container { overflow: hidden; min-width: 1280px; max-width: 2560px; padding-top: 73px; margin: 0 auto; }

.main_visual { position: relative; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/main_bg.png) no-repeat center 0; }

@keyframes falling1 { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-550px, 1200px, 0) rotate(250deg); } }

@keyframes falling2 { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-700px, 1200px, 0) rotate(150deg); } }

@keyframes falling3 { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-630px, 1200px, 0) rotate(-190deg); } }

@keyframes falling4 { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-830px, 1200px, 0) rotate(-230deg); } }

/* falling */
.falling { position: absolute; top: -230px; left: 200px; z-index: 1; width: 2400px; }

.falling.on span { display: inline-block; background-repeat: no-repeat; animation: falling 10s 0s infinite; }

.falling.on span:nth-of-type(1n) { animation: falling1 10s 0s infinite; }

.falling.on span:nth-of-type(2n) { animation: falling2 11s 0s infinite; }

.falling.on span:nth-of-type(3n) { animation: falling3 13s 0s infinite; }

.falling.on span:nth-of-type(4n) { animation: falling4 14s 0s infinite; }

.falling.on span:nth-of-type(1) { animation-delay: 0.3s; }

.falling.on span:nth-of-type(2) { animation-delay: 2s; }

.falling.on span:nth-of-type(3) { animation-delay: -2.1s; }

.falling.on span:nth-of-type(4) { animation-delay: 0.1s; }

.falling.on span:nth-of-type(5) { animation-delay: 5s; }

.falling.on span:nth-of-type(6) { animation-delay: 4.5s; }

.falling.on span:nth-of-type(7) { animation-delay: 2.2s; }

.falling.on span:nth-of-type(8) { animation-delay: -2.5s; }

.falling.on span:nth-of-type(9) { animation-delay: 0.6s; }

.falling.on span:nth-of-type(10) { animation-delay: 2.6s; }

.falling.on span:nth-of-type(11) { animation-delay: -1.8s; }

.falling.on span:nth-of-type(12) { animation-delay: 4.8s; }

.falling.on span:nth-of-type(13) { animation-delay: -0.8s; }

.falling.on span:nth-of-type(14) { animation-delay: 2.7s; }

.falling.on span:nth-of-type(15) { animation-delay: -2.8s; }

.falling.on span:nth-of-type(16) { animation-delay: 5.7s; }

.falling.on span:nth-of-type(17) { animation-delay: -1.8s; }

.falling.on span:nth-of-type(18) { animation-delay: 6.2s; }

.falling.on span:nth-of-type(19) { animation-delay: 2.9s; }

.falling.on span:nth-of-type(20) { animation-delay: 3.1s; }

.falling.on span:nth-of-type(21) { animation-delay: 3.5s; }

.falling.on span:nth-of-type(22) { animation-delay: -2.4s; }

.falling.on span:nth-of-type(23) { animation-delay: 4.4s; }

.falling.on span:nth-of-type(24) { animation-delay: -1.6s; }

.falling.on span:nth-of-type(25) { animation-delay: 2.9s; }

.falling.on span:nth-of-type(26) { animation-delay: -1.9s; }

.falling.on span:nth-of-type(n) { animation-timing-function: ease-in-out; }

.mv_inner { position: relative; width: 1280px; height: 916px; margin: 0 auto; }

@keyframes balloon1 { 0%, 100% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-10px) rotate(-3deg); } }

@keyframes balloon2 { 0%, 100% { transform: translateY(0) rotate(2deg); }
  50% { transform: translateY(-20px) rotate(-4deg); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    transform: scaleX(1); } }

.mobile_1 { position: absolute; top: -35px; left: 0px; width: 242px; height: 516px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/mobile.png) no-repeat; background-position: 0 0; transition-timing-function: ease-out; transition-property: all; animation: balloon2 8s ease-in-out infinite; margin: -550px 0 0 20px; transition-duration: 1.3s; transition-delay: 0.2s; }

.mobile_1.on { margin: 0; }

.mobile_2 { position: absolute; top: -5px; right: -32px; width: 242px; height: 516px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/mobile.png) no-repeat; background-position: -363px 0; transition-timing-function: ease-out; transition-property: all; animation: balloon1 6s ease-in-out infinite; margin: -510px 10px 0 0; transition-duration: 1.3s; }

.mobile_2.on { margin: 0; }

.mv_title { position: relative; width: 628px; padding-top: 85px; margin: 0 auto; }

.mv_title .mv_bell, .mv_title p { background-image: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/mv_title.png); background-repeat: no-repeat; }

.mv_bell { width: 94px; height: 77px; margin: 0 auto; background-position: -267px 0px; animation-duration: .75s; animation-fill-mode: both; animation-delay: 0.2s; animation-name: bounceIn; }

@keyframes lightSpeedInLeft { 0% {
    transform: translate3d(-500px, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    transform: skewX(5deg); }
  to {
    transform: translateZ(0); } }

@keyframes fadeAni { 0% { opacity: 0; }
  100% { opacity: 1; } }

p.mv_t1 { width: 502px; height: 33px; margin: 10px auto 43px; background-position: -66px -271px; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: both; animation-name: lightSpeedInLeft; animation-timing-function: ease-out; }

p.mv_t2 { width: 628px; height: 319px; background-position: 0 -347px; animation-duration: 2s; animation-fill-mode: both; animation-delay: 0.6s; animation-name: fadeAni; }

@keyframes fadeInLeft { 0% { opacity: 0;
    transform: translate3d(-50px, 0, 0); }
  to { opacity: 1;
    transform: translateZ(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    transform: translate3d(50px, 0, 0); }
  to { opacity: 1;
    transform: translateZ(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    transform: translate3d(0, -50px, 0); }
  to { opacity: 1;
    transform: translateZ(0); } }

.mv_character1 { position: absolute; bottom: -162px; left: 259px; z-index: 10; width: 252px; height: 418px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/mv_character1.png) no-repeat; animation-name: fadeInRight; animation-duration: 0.8s; animation-fill-mode: both; animation-delay: 1s; }

.mv_character2 { position: absolute; bottom: -158px; right: 240px; z-index: 10; width: 344px; height: 426px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/mv_character2.png) no-repeat; animation-name: fadeInLeft; animation-duration: 0.8s; animation-fill-mode: both; animation-delay: 1.2s; }

.main_character { position: absolute; bottom: -203px; left: 407px; z-index: 55; width: 481px; height: 525px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/main_character.png) no-repeat; animation-name: fadeInDown; animation-duration: 0.8s; animation-fill-mode: both; animation-delay: 1.5s; }

.nep_line { position: relative; z-index: 50; margin-top: -338px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/bg_2.png) no-repeat center 0; }

.nep_inner { width: 1280px; height: 1014px; padding-top: 561px; margin: 0 auto; }

.new_edition_pace { position: relative; width: 1100px; height: 914px; padding-top: 100px; margin: -100px auto 0; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/new_edition_pace.png) no-repeat 0 100px; }

.nep_bg { position: absolute; top: 0px; left: -164px; width: 1462px; height: 811px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nep_particle.png) no-repeat; }

@keyframes balloon_l { 0% {
    transform: rotate(0deg); }
  5% {
    transform: rotate(10deg); }
  10% {
    transform: rotate(-10deg); }
  15% {
    transform: rotate(7deg); }
  20% {
    transform: rotate(-7deg); }
  25% {
    transform: rotate(0deg); } }

@keyframes balloon_r { 20% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(-10deg); }
  30% {
    transform: rotate(10deg); }
  35% {
    transform: rotate(-7deg); }
  40% {
    transform: rotate(7deg); }
  45% {
    transform: rotate(0deg); } }

.nep_balloon1 { opacity: 0; position: absolute; top: 403px; left: 95px; width: 140px; height: 139px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nep_balloon1.png) no-repeat; text-indent: -9999px; }

.nep_balloon1.on { animation-duration: .75s; animation-fill-mode: both; animation-name: bounceIn; }

.nep_balloon1.active { opacity: 1; transform-origin: 100% 100%; animation: balloon_l 2.5s 0.3s infinite ease; }

.nep_balloon2 { opacity: 0; position: absolute; top: 403px; right: 95px; width: 140px; height: 139px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nep_balloon2.png) no-repeat; text-indent: -9999px; }

.nep_balloon2.on { animation-duration: .75s; animation-fill-mode: both; animation-name: bounceIn; animation-delay: 0.4s; }

.nep_balloon2.active { opacity: 1; transform-origin: 20% 100%; animation: balloon_r 2.5s 0.9s infinite ease; }

.nee_line { background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/bg_3.jpg) no-repeat center 0; }

.nee_inner { width: 1280px; height: 1643px; padding-top: 110px; margin: 0 auto; }

.new_edition_event { position: relative; width: 893px; height: 1543px; padding-top: 100px; margin: -100px auto 0; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/new_edition_event.png) no-repeat 0 100px; }

.nee_character { position: absolute; bottom: 0px; right: -52px; width: 281px; height: 267px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nee_character.png) no-repeat; }

.nee_balloon { opacity: 0; position: absolute; top: -50px; right: -129px; width: 191px; height: 144px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nee_balloon.png) no-repeat; text-indent: -9999px; }

.nee_balloon.on { animation-duration: .75s; animation-fill-mode: both; animation-name: bounceIn; }

.nee_balloon.active { opacity: 1; transform-origin: 20% 100%; animation: balloon_r 2.5s 0.9s infinite ease; }

.nf_line { background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/bg_4.jpg) no-repeat center 0; }

.nf_inner { width: 1280px; height: 1005px; padding-top: 110px; margin: 0 auto; }

.new_friend { padding-top: 100px; margin-top: -100px; }

.nf_con1 { width: 856px; height: 334px; margin: 0 auto; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nf_con1.png) no-repeat; }

.circle-svg { display: none; }

ul.circle_graph { overflow: hidden; width: 940px; margin: 56px auto 36px; }

ul.circle_graph li { position: relative; float: left; width: 296px; height: 296px; margin-right: 26px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/circle_graph.png) no-repeat; }

ul.circle_graph li.cg_1 { background-position: 0 0; }

ul.circle_graph li.cg_2 { background-position: -323px 0; }

ul.circle_graph li.cg_3 { margin-right: 0; background-position: -645px 0; }

@keyframes progress { 0% { stroke-dasharray: 0 100; } }

ul.circle_graph.on .circle-svg { display: block; width: 320px; height: 320px; margin: 0 auto; }

ul.circle_graph.on .circle-svg text { text-align: center; color: black; font-size: 10px; }

ul.circle_graph.on .circle-svg path.percent { fill: none; stroke-width: 1.4; stroke-linecap: round; }

ul.circle_graph.on .circle-svg path.around { fill: none; stroke-width: 1.4; }

ul.circle_graph.on li.cg_1 .circle-svg path.percent { stroke: #20f5ed; animation: progress 1.5s ease-out forwards; }

ul.circle_graph.on li.cg_2 .circle-svg path.percent { stroke: #00c0ff; animation: progress 3.5s ease-out forwards; }

ul.circle_graph.on li.cg_3 .circle-svg path.percent { stroke: #0072ff; animation: progress 2.5s ease-out forwards; }

.graph_box { position: absolute; top: -12px; left: -12px; }

.circle_graph_text { width: 913px; height: 76px; margin-left: 221px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/circle_graph_text.png) no-repeat; }

.nf_con2 { width: 674px; height: 73px; margin: 44px auto 0; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/nf_con2.png) no-repeat; }

.el_line { background: #011919; }

.el_inner { position: relative; width: 1280px; height: 214px; margin: 0 auto; }

ul.event_link { position: relative; z-index: 100; overflow: hidden; width: 962px; padding-top: 43px; margin: 0 auto 0; }

ul.event_link li { float: left; margin-right: 40px; }

ul.event_link li a { display: block; width: 294px; height: 128px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/event_link.png) no-repeat; text-indent: -9999px; }

ul.event_link li.el_1 a { background-position: 0 0; }

ul.event_link li.el_1 a:hover { background-position: 0 -138px; }

ul.event_link li.el_2 a { background-position: -335px 0; }

ul.event_link li.el_2 a:hover { background-position: -335px -138px; }

ul.event_link li.el_3 { margin-right: 0; }

ul.event_link li.el_3 a { background-position: -669px 0; }

ul.event_link li.el_3 a:hover { background-position: -669px -138px; }

@keyframes heartBeat { 0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); } }

@keyframes pulse { 0% { transform: scaleX(1); }
  50% { transform: scale3d(1.15, 1.15, 1.15); }
  to { transform: scaleX(1); } }

.el_character { position: absolute; top: -117px; right: -104px; width: 310px; height: 328px; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/el_character.png) no-repeat; }

.el_character > div { position: absolute; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/el_particle.png) no-repeat; }

.el_character .el_particle1 { top: -16px; right: 100px; width: 13px; height: 17px; background-position: 0 -8px; animation-name: heartBeat; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-fill-mode: both; }

.el_character .el_particle2 { top: -26px; right: 71px; width: 18px; height: 24px; background-position: -23px 0; animation-name: pulse; animation-duration: 1.3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-fill-mode: both; }

.qn_wrap { position: fixed; top: 50%; z-index: 1000; width: 100%; max-width: 2560px; min-width: 1280px; height: 0; margin: -180px auto 0; }

.qn_wrap .qn_inner { float: right; width: 110px; }

.qn_wrap .qn_gg span.nz_sp { display: block; height: 149px; background-position: -10px -123px; }

.qn_wrap .qn_top a.nz_sp { display: block; height: 66px; background-position: -10px -525px; }

.qn_wrap .qn_top a.nz_sp:hover { background-position: -172px -525px; }

ul.quick_navi li { margin-bottom: 2px; }

ul.quick_navi li a { display: block; }

.nf_quick { background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/util_sp.png) no-repeat; }

ul.quick_navi li.qn_1 a.nf_quick { height: 108px; background-position: -10px -158px; }

ul.quick_navi li.qn_1 a.nf_quick:hover, ul.quick_navi li.qn_1.on a.nf_quick { background-position: -130px -158px; }

ul.quick_navi li.qn_2 a.nf_quick { height: 108px; background-position: -10px -267px; }

ul.quick_navi li.qn_2 a.nf_quick:hover, ul.quick_navi li.qn_2.on a.nf_quick { background-position: -130px -267px; }

ul.quick_navi li.qn_3 a.nf_quick { height: 108px; background-position: -10px -376px; }

ul.quick_navi li.qn_3 a.nf_quick:hover, ul.quick_navi li.qn_3.on a.nf_quick { background-position: -130px -376px; }

ul.quick_navi li.qn_4 a.nf_quick { height: 108px; background-position: -10px -485px; }

ul.quick_navi li.qn_4 a.nf_quick:hover, ul.quick_navi li.qn_4.on a.nf_quick { background-position: -130px -485px; }

ul.quick_navi li.qn_5 a.nf_quick { height: 40px; background-position: -10px -594px; }

ul.quick_navi li.qn_5 a.nf_quick:hover, ul.quick_navi li.qn_6.on a.nf_quick { background-position: -130px -594px; }

#footer { background: #000; }

.f_inner { width: 1200px; height: 42px; padding-top: 22px; margin: 0 auto; }

p.copy { width: 543px; height: 23px; margin: 0 auto; background: url(https://lwi.nexon.com/cso/2020/1222_new_face_update_3B02ED0F3692D729/copy.png) no-repeat; text-indent: -9999px; }