@charset "utf-8"; body{background-color: #282828;max-width: 2560px;margin: 0 auto;} .gnbWrapper{min-width: 360px !important;} #gow_wrapper{position: relative;display: flex;flex-direction: column;overflow: hidden;min-height: 100%;} #gow_wrapper header{position: relative;width: 100%;height: 61px;z-index: 99;background-color: #282828;display: flex;top: 0;left: 0;} #gow_wrapper.sticky header{position: fixed;max-width: 2560px;left: 50%;transform: translateX(-50%);} #gow_wrapper header .inner{position: relative;display: flex;width: 100%;} #gow_wrapper header .lnb{width: 100%;height: 100%;display: flex;} #gow_wrapper header .app_download, #gow_wrapper header .share, #gow_wrapper header .btn_toggle{display: none;} #gow_wrapper header.sidebar .dim{position: fixed;width: 100%;height: 100vh;background-color: #282828;} #gow_wrapper header.sidebar .lnb{position: absolute;top: 61px;left: 0;flex-direction: column;height: 100vh;padding-bottom: 100px;overflow:hidden;overflow-y: auto;} #gow_wrapper header.sidebar .lnb::-webkit-scrollbar {width: 4px;background-color: #282828;} #gow_wrapper header.sidebar .lnb::-webkit-scrollbar-thumb {background: #1B1B1B;} #gow_wrapper header.sidebar .dim, #gow_wrapper header.sidebar .lnb, #gow_wrapper header.sidebar .btn_coupon, #gow_wrapper header.sidebar .btn_copy, #gow_wrapper header.sidebar .language{display: none;} #gow_wrapper header.sidebar.active .dim, #gow_wrapper header.sidebar.active .lnb{display: block;} #gow_wrapper header.sidebar.active .btn_coupon{display: block !important;right: 110px;position: absolute;top: 23px;margin: 0;} :lang(ko) #gow_wrapper header.sidebar.active .btn_coupon{display: block !important;right: 110px;position: absolute;top: 20px;margin: 0;} :lang(ko) #gow_wrapper header.sidebar.active .btn_coupon, :lang(zh) #gow_wrapper header.sidebar.active .btn_coupon, :lang(th) #gow_wrapper header.sidebar.active .btn_coupon, :lang(ja) #gow_wrapper header.sidebar.active .btn_coupon, #gow_wrapper header.sidebar.active .btn_coupon.sea{right: 80px} #gow_wrapper header.sidebar.active .btn_coupon button:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_copy.png)} #gow_wrapper header.sidebar.active .top_right{width: 100%;} #gow_wrapper header.sidebar.active .language{display: block;width: 56px;height: 61px;right: 62px;transition: none;top: 0;position: absolute;margin-right: 0;} #gow_wrapper header.sidebar.active .language button{background: transparent;font-size: 0;} #gow_wrapper header.sidebar.active .language.show{right: 0;width: 98%;background-color: #2E2E2E;z-index: 100;} #gow_wrapper header.sidebar.active .language.show ul{display: block;background-color: #323232;height: 100vh;} #gow_wrapper header.sidebar.active .language.show .btn_back{display: block;position: absolute;right: 0;top: 0;width:72px;height: 61px;background-color: #282828;color:#fff;font-size: 0.75rem;font-weight: 700;;} #gow_wrapper header.sidebar.active .language.show .btn_back::before{display: none;} #gow_wrapper header.sidebar.active .language.show .btn_back::after{content: '';width: 12px;height: 10px;vertical-align: middle;margin-left: 5px;display: inline-block;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_back.png) no-repeat;background-size: contain;margin-top: -2px;} #gow_wrapper header.sidebar.active .game_start{display: none !important;} #gow_wrapper header.sidebar .app_download{display: block;} #gow_wrapper header.sidebar .share{display: block;} #gow_wrapper header.sidebar .btn_toggle{display: block;position: absolute;width: 53px;height: 27px;background: #424347; border-radius: 5px;top: 16px;right:8px} #gow_wrapper header.sidebar .btn_toggle i{position: relative;;display: inline-block;width: 8px;height: 8px;margin: 0 5px;} #gow_wrapper header.sidebar .btn_toggle button{font-size: 0.75rem;color: #fff;display: flex;line-height: 12px;width: 100%;height: 100%;justify-content:center;align-items: center;} #gow_wrapper header.sidebar .btn_toggle span.line{display: block;width: 9px;height: 1.5px;position: absolute;background: #A4A4A4;left: 0;border-radius: 3px; transition: all 0.4s;} #gow_wrapper header.sidebar .btn_toggle span.line-1{top: 0;} #gow_wrapper header.sidebar .btn_toggle span.line-2{top: 50%;} #gow_wrapper header.sidebar .btn_toggle span.line-3{top: 100%;} #gow_wrapper header.active .btn_toggle .line-1 {transform: translateY(4px) translateX(0) rotate(45deg);} #gow_wrapper header.active .btn_toggle .line-2 {opacity: 0;} #gow_wrapper header.active .btn_toggle .line-3 {transform: translateY(-4px) translateX(0) rotate(-45deg);} #gow_wrapper header.sidebar .game_start{width: auto;height: 27px;border-radius: 5px;right: 70px;top: 16px;} :lang(it) #gow_wrapper header.sidebar .game_start{width: auto;} #gow_wrapper header.sidebar .game_start button span{font-size: 1.1rem;line-height: 27px;color: #000;padding: 0 10px;} .mCustomScrollBox{width: 100%;} .app_download{position: relative;display: flex;height: 37px;width: 300px;justify-content: space-between;margin: 20px;} .app_download a{width: 130px;height: 100%;display: inline-block;text-indent: -1000000px;overflow: hidden;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_store_new.png) no-repeat;background-size: 260px 37px;} .app_download .google{background-position: 100%;} #gow_wrapper header.sidebar .menu{margin: 0 !important;padding: 0 20px !important;height: fit-content;} #gow_wrapper header.sidebar .menu .dep{display: none !important;} #gow_wrapper header.sidebar .menu ul{flex-direction: column;} #gow_wrapper header.sidebar .menu > ul{margin-top: 20px;} #gow_wrapper header.sidebar .menu li.active::before{display: none;} #gow_wrapper header.sidebar .menu ul ul{display: flex !important;position: inherit;background-color: #282828;} #gow_wrapper header.sidebar .menu ul ul li a i.new {bottom:18px;} #gow_wrapper header.sidebar .menu li a{line-height: inherit;} #gow_wrapper header.sidebar .menu > ul > li{margin-bottom: 20px;} #gow_wrapper header.sidebar .menu li li a{padding:5px 10px;color:#A4A4A4;font-size: 13px;} #gow_wrapper header.sidebar .share{position: relative;background-color: #fff;width: 265px;height: 34px;border-radius: 5px;margin: 20px;} #gow_wrapper header.sidebar .share ul{position: relative;height:100%;margin: 0 auto;display: flex;padding:0 5px;justify-content:center} #gow_wrapper header.sidebar .share li::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 9px;background-color: #A4A4A4;} #gow_wrapper header.sidebar .share li:last-child:after{display: none;} #gow_wrapper header.sidebar .share li{position: relative;width: 100%;max-width: 37px;height:100%;text-align: center;overflow: hidden;} #gow_wrapper header.sidebar .share li a{display: block;width: 100%;height: 100%;text-indent: -100000px;overflow: hidden;} #gow_wrapper header.sidebar .share li a::after{position: absolute;left: 50%;top: 50%;content: '';width: 20px;height: 19px;background:url(https://lwi.nexon.com/kartdrift/gow/renewal/spr_share.png) no-repeat;background-size:209px 60px;transform:translate(-50%, -50%)} #gow_wrapper header.sidebar .share li.fb a::after{background-position-x:-52px} #gow_wrapper header.sidebar .share li.twt a::after{background-position-x:-101px} #gow_wrapper header.sidebar .share li.ist a::after{background-position-x:-29px} #gow_wrapper header.sidebar .share li.twc a::after{background-position-x:-74.5px} #gow_wrapper header.sidebar .share li.dis a::after{background-position-x:-128.5px} #gow_wrapper header.sidebar .share li.bm a::after{background-position-x:-155px;width: 29px;height: 25px;} #gow_wrapper header.sidebar .share li.tt a::after{background-position-x:-191.5px} #gow_wrapper header.sidebar .share .btn_top{position: absolute;right: 0;top: 0;display: block;width: 57px;height: 57px;overflow: hidden;background-color:#FFE500;text-indent: -100000px;} #gow_wrapper header.sidebar .share .btn_top::after{position: absolute;width: 100%;height: 0;left: 0;bottom: 0;background-color: #4096FB;content: '';transition: height .4s ease;} #gow_wrapper header.sidebar .share .btn_top::before{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_btn.png) 50% 0 no-repeat;background-size: cover;content:'';z-index: 1;} #gow_wrapper header h1{position : absolute;width: 140px;height:100%;background:url(https://lwi.nexon.com/kartdrift/gow/pre/logo.svg) 50% 50% no-repeat;z-index: 100;background-size: 102px 32px;} #gow_wrapper header h1 a{display: block;width:100%;height:100%;text-indent: -100000px;} #gow_wrapper header .menu{position: relative;margin-left: 180px;height: 100%;padding-right: 300px;width: 80%;display: none;} :lang(fr) #gow_wrapper header .menu{padding-right: 280px;} #gow_wrapper header .menu ul{display: flex;height: 100%;width: 100%;position: relative;} #gow_wrapper header .menu .dep{position: absolute;width: 100vw;height: auto;left: -180px;top:61px;background-color: #1B1B1B;display: none;} #gow_wrapper header .menu ul ul{position: absolute;flex-direction: column;background-color: #1B1B1B;padding: 5px 0;width:auto;height: auto;margin-left: -8px;display: none;} #gow_wrapper header .menu ul ul li a {position:relative;} #gow_wrapper header .menu ul ul li a i.new {position:absolute;bottom:24px;margin:0 0 0 2px;} #gow_wrapper header .menu li{position: relative;margin-right:3.75rem} :lang(fr) #gow_wrapper header .menu li{margin-right: 2.5rem} #gow_wrapper header .menu li.coupon a{width: 72px;height: 24px;background:url(https://lwi.nexon.com/kartdrift/gow/common/bg_coupon.png) no-repeat;line-height: 1.5rem;color: #A4A4A4;display: inline-block;text-align: left;text-indent: 18px;margin-top: 19px;} #gow_wrapper header .menu li a{font-weight: 400;font-size: 15px;color: #A4A4A4;line-height: 3.9rem;} #gow_wrapper header .menu li::before{content: '';position: absolute;width: 100%;height: 0px;background-color: #009DDC;transition: height .2s ease;top: -1px;} #gow_wrapper header .menu li a::after{display: inline-block;width: 13px;height: 14px;content: '';background: url(https://lwi.nexon.com/kartdrift/gow/common/ico_menu.png) 0 3px no-repeat;vertical-align: middle;margin-left: 5px} #gow_wrapper header .menu li.pop a::after{background-position-y: -42px;margin-top: -4px;} #gow_wrapper header .menu li li{min-width: 106px;margin: 0;} #gow_wrapper header .menu li li a{color: #a6a6a6;line-height: 2.25rem;padding:0 4px;display: block;font-size: 13px;} #gow_wrapper header .menu li li.pop a::after{display: inline-block;width: 13px;height: 14px;content: '';vertical-align: middle;margin-left: 5px;background: url(https://lwi.nexon.com/kartdrift/gow/common/ico_menu.png) 0 -42px no-repeat} #gow_wrapper header .menu li li.pop a:hover::after{background-position-y: 100%;} #gow_wrapper header.sidebar .menu li li.pop a:hover::after{background-position-y: -42px;} #gow_wrapper header .menu li.coupon::before, #gow_wrapper header .menu li.coupon a::after, #gow_wrapper header .menu li li a::after, #gow_wrapper header .menu li li::before{display:none;} #gow_wrapper header .menu li i.new{display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: #FF0F00;vertical-align: middle;margin:-17px 0 0 2px;text-indent: -100000px;overflow: hidden;} #gow_wrapper header .menu li.active::before{height: 4px;} #gow_wrapper header .menu > ul > li.active{margin-top: 1px;} #gow_wrapper header .menu li.active a{color: #a6a6a6;;} #gow_wrapper header .menu li li.active a{color: #fff;} #gow_wrapper header .menu li.active a::after{background-position-y: -18px;} #gow_wrapper header .top_right{position: absolute;right:0;display: none;width: auto;} #gow_wrapper header .top_right div{display: flex;position: relative;} #gow_wrapper header .btn_coupon{position: relative;width: 24px;height: 16px;margin-top: 24px;margin-right: 20px;} #gow_wrapper header .btn_coupon button{display: block;width:100%;height:100%;text-indent:-100000px;font-size:0;overflow:hidden;background:url(https://lwi.nexon.com/kartdrift/gow/common/bg_coupon.png) 0 0/contain no-repeat;transition: background .5s ease;} #gow_wrapper header .btn_coupon button:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/bg_coupon_over.png);} :lang(ko) #gow_wrapper header .btn_coupon{position: relative;width: 68px;height: 20px;margin-top: 24px;margin-right: 20px;} :lang(ko) #gow_wrapper header .btn_coupon button{display: block;width:100%;height:100%;text-indent:-100000px;font-size:0;overflow:hidden;background:url(https://lwi.nexon.com/kartdrift/gow/common/bg_coupon_ko.png) 0 0/contain no-repeat;transition: background .5s ease;} :lang(ko) #gow_wrapper header .btn_coupon button:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/bg_coupon_ko_over.png);} #gow_wrapper header .btn_copy{position: relative;width: 52px;height: 27px;margin-top: 20px;margin-right: 20px;} #gow_wrapper header .btn_copy button{display: block;width:100%;height:100%;text-indent:-100000px;font-size:0;overflow:hidden;background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_copy.png);background-size: contain;background-repeat: no-repeat;} #gow_wrapper header .btn_copy button:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_copy_over.png);} #gow_wrapper header .language{position: relative;width: 164px;display: flex;flex-direction:column;transition: margin-right .2s ease-out;margin-right: -105px;} #gow_wrapper header .language button{background-color: #3F3F3F;width:100%;height: 61px;text-align: left;padding-left: 22px;color:#fff;} #gow_wrapper header .language button::before{content: '';width: 18px;height: 18px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_world.png) no-repeat;display: inline-block;vertical-align: middle;background-size: cover;margin-right: 22px;margin-top: -2px;} #gow_wrapper header .language ul{background-color: #272727;padding:10px 0;display: none;} #gow_wrapper header .language li{position: relative;;line-height:25px;padding-left:20px;width: 100%;} #gow_wrapper header .language li a{font-family: 'Roboto';font-weight: 400;font-size: 12px;color: #AFAFAF;display: block;} #gow_wrapper header .language li a::before{content: '';border: 1.5px solid #40BAFF;border-width: 0 0 1.5px 1.5px;width: 5px;height: 5px;transform: rotate(230deg);display: inline-block;position: absolute;left: 6px;top: 8px;opacity: 0;transition:all .5s ease;} #gow_wrapper header .language .btn_back{display: none;} #gow_wrapper header .game_start{position: relative;width: 213px;height: 61px;overflow: hidden;} :lang(it) #gow_wrapper header .game_start{width: 240px;} #gow_wrapper header .game_start button{display: block;width: 100%;height: 100%;background-color: #FFE600;} #gow_wrapper header .game_start button::before{position: absolute;width: 100%;height: 130%;left: 0;top: 0;background-color: #40BAFF;content: '';opacity: 0;transition:all .3s ease;transform: translateX(-100%) rotate(20deg); transform-origin: right top;} .mobile #gow_wrapper header .game_start button::before{display: none;} #gow_wrapper header .game_start button span{position: relative;width:auto;height:100%;display:inline-block;font-weight: 700;font-size: 1.375rem;line-height: 3.813rem;transition: margin .2s ease-in;font-family: 'Barlow Condensed'} :lang(th) #gow_wrapper header .game_start button span{font-size:1.2rem} #gow_wrapper header .game_start button i{display: inline-block;width: 0;height: 16px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_game.png) no-repeat;transition: transform .2s ease-in;position: relative;transform: scale(0);transform-origin: left center;} #gow_wrapper header .game_start button:active::before{background-color: #0890DC;} #gow_wrapper #footer{position: relative;display: flex;flex-direction: column;background-color: #181818;z-index: 1;} #gow_wrapper #footer .share{position: relative;background-color: #fff;} #gow_wrapper #footer .share ul{position: relative;max-width: 1000px;height:57px;margin: 0 auto;display: flex;padding:0 5px;justify-content:center} #gow_wrapper #footer .share li:first-child:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 15px;background-color: #E5E5E5;display: none;} #gow_wrapper #footer .share li::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 15px;background-color: #E5E5E5;display: none;} #gow_wrapper #footer .share li{position: relative;width: 100%;max-width:140px;height:100%;text-align: center;overflow: hidden;} #gow_wrapper #footer .share li a{display: block;width: 100%;height: 100%;text-indent: -100000px;overflow: hidden;} #gow_wrapper #footer .share li a::after{position: absolute;left: 50%;top: 50%;content: '';width: 20px;height: 19px;background:url(https://lwi.nexon.com/kartdrift/gow/renewal/spr_share.png) no-repeat;background-size:209px 60px;transform:translate(-50%, -50%)} #gow_wrapper #footer .share li a::before{position: absolute;left: 50%;top: 0;content: '';width: 57px;height: 100%;background-color: #000;border-radius: 50%;transform:translateX(-50%) scale(.4);transition: all .5s ease;opacity: 0;} #gow_wrapper #footer .share li.fb a::after{background-position-x:-52px} #gow_wrapper #footer .share li.twt a::after{background-position-x:-101px} #gow_wrapper #footer .share li.ist a::after{background-position-x:-29px} #gow_wrapper #footer .share li.twc a::after{background-position-x:-74.5px} #gow_wrapper #footer .share li.dis a::after{background-position-x:-128.5px} #gow_wrapper #footer .share li.bm a::after{background-position-x:-155px;height: 25px;width: 29px;} #gow_wrapper #footer .share li.tt a::after{background-position-x:-191.5px} #gow_wrapper #footer .share .btn_top{position: absolute;right: 0;top: 0;display: block;width: 57px;height: 57px;overflow: hidden;background-color:#FFE500;text-indent: -100000px;z-index: 10;} #gow_wrapper #footer .share .btn_top::after{position: absolute;width: 100%;height: 0;left: 0;bottom: 0;background-color: #4096FB;content: '';transition: height .4s ease;} #gow_wrapper #footer .share .btn_top::before{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_btn.png) 50% 0 no-repeat;background-size: cover;content:'';z-index: 1;} #gow_wrapper footer{position: relative;max-width: 1000px;width:100%;margin: 0 auto;display: flex;flex-direction: column;padding: 58px 15px 65px 15px;align-items: center;} #gow_wrapper footer .logo{width: 248px;height: 32px;margin-bottom: 23px;display: flex;justify-content:space-between} #gow_wrapper footer .logo span{width: 107px;height: 32px;background:url(https://lwi.nexon.com/kartdrift/gow/common/logo_copy.png) no-repeat;text-indent: -100000px;overflow: hidden;} #gow_wrapper footer .logo span:last-child{background-position-x: 100%;} #gow_wrapper footer .logo a{display: block;width: 100%;height: 100%;text-indent: -100000px;overflow: hidden;} #gow_wrapper footer .ref_group{position:relative;display: flex;width: 100%;flex-direction: column;align-items: center;} #gow_wrapper footer .link_area{position: relative;display: flex;flex-direction:column;min-width: 790px;align-items: center;} #gow_wrapper footer .company{position: relative;display: flex;padding:10px 0;margin-bottom: 23px;border-top:1px solid #3F3F3F;border-bottom:1px solid #3F3F3F;justify-content:center;order: 1;width: 100%;} #gow_wrapper footer .company li{position: relative;text-align: center;line-height: 0.875rem;padding: 0 24px;display: flex;align-items: center;justify-content:center} #gow_wrapper footer .company li::after{position: absolute;right: 0;top:50%;content: '';width: 1px;height: 10px;background-color: #3F3F3F;margin-top: -5px;} #gow_wrapper footer .company li:last-child::after{display: none;} #gow_wrapper footer copyright, #gow_wrapper footer .company li a, #gow_wrapper footer .company li button{font-family: 'Roboto';font-weight: 400;font-size: 12px;color: #fff;display: inline-block;vertical-align: top;} #gow_wrapper footer .company li a:hover, #gow_wrapper footer .company li button:hover{color: #d7d7d7;} #gow_wrapper footer copyright{margin-bottom: 23px;text-align: center;color: #A4A4A4;} #gow_wrapper footer .platform{position: relative;width: 100%;display: flex;flex-direction: column;order: 2;} #gow_wrapper footer .platform button{display: block;;text-indent: -100000px;overflow: hidden;width: 100%;min-height: 37px;padding-top:2.66%;background:url(https://lwi.nexon.com/kartdrift/gow/common/plat_copy.png) left center no-repeat;background-size: contain;} :lang(ko) #gow_wrapper footer .platform button, :lang(zh) #gow_wrapper footer .platform button{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/plat_copy_tw.png)} #gow_wrapper footer .platform ul{display: flex;justify-content: center;} .mobile #gow_wrapper footer .platform ul{justify-content:center} #gow_wrapper footer .platform li{position: relative;width:18.862%;background:url(https://lwi.nexon.com/kartdrift/gow/common/plat_copy_new.png) 0 0/auto 100% no-repeat;text-indent: -100000px;overflow: hidden;margin-right: 0.688rem;max-width: 149px;min-width:100px;font-size: 0;margin-bottom: 23px;} .mobile #gow_wrapper footer .platform li{width: 50%;} .mobile #gow_wrapper footer .platform span{display: block;width: 100%;height: 2.75rem;background:url(https://lwi.nexon.com/kartdrift/gow/main/plat_footer_m.png) center 0/auto 100% no-repeat;margin-bottom: 1rem;} #gow_wrapper footer .platform li::after{display: block;content: '';width: 100%;padding-top: 24.84%;} #gow_wrapper footer .platform li:last-child{margin-right:0} #gow_wrapper footer .platform li.disable a{cursor: default;} .mobile #gow_wrapper footer .platform li.btn_xbox,.mobile #gow_wrapper footer .platform li.btn_steam,.mobile #gow_wrapper footer .platform li.btn_ps{display: none;} .mobile #gow_wrapper footer .platform{margin-top: 1.5rem;} #gow_wrapper footer .platform li a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} #gow_wrapper footer .platform li.btn_xbox{background-position-x: 25%;} #gow_wrapper footer .platform li.btn_steam{background-position-x: 50%;} #gow_wrapper footer .platform li.btn_apple{background-position-x: 75%;} #gow_wrapper footer .platform li.btn_google{background-position-x: 100%;} #gow_wrapper footer .property{position: relative;color: #C4C4C4;font-weight: 400;font-size: 0.75rem;line-height: 1.375rem;order: 3;} #gow_wrapper footer .property button{color:#7BC0FF;font-weight: 400;vertical-align: text-top;font-size: 0.75rem;} #gow_wrapper footer .etc_area{position: relative;display: flex;flex-direction:column;width: 152px;} #gow_wrapper footer .region_select{position: relative;border-top: 1px solid #343434;order: 1;margin-top: 23px;width: 100%;} #gow_wrapper footer .region_select button{border: 2px solid #656363;font-family: 'Roboto';font-weight: 400;font-size: 12px;color: #fff;width:100%;height: 35px;text-align: left;text-indent: 15px;} :lang(fr) #gow_wrapper footer .region_select button{text-indent: 10px;} #gow_wrapper footer .region_select button:hover, #gow_wrapper footer .region_select.active button{background-color: #727272;} #gow_wrapper footer .region_select.active button{color: #282828;} #gow_wrapper footer .region_select button::after{content: '';position: absolute;width: 10px;height: 12px;right: 12px;top: 14px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_region.png) no-repeat;transition: top .5s ease;} #gow_wrapper footer .region_select button i{opacity: 0;position: absolute;width: 10px;height: 12px;right: 12px;top: 17px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_region.png) no-repeat;} #gow_wrapper footer .region_select.active button::after{background-position-y: 100%;top: 12px;} #gow_wrapper footer .region_select.active ul{display: block;} #gow_wrapper footer .region_select.show ul{display: block;} #gow_wrapper footer .region_select ul{display: none;position:absolute;left:0;bottom:35px;background-color: #343434;color: #fff;padding:10px 0;width: 100%;z-index: 1;} #gow_wrapper footer .region_select li{position: relative;;line-height:25px;padding-left:20px;width: 100%;} #gow_wrapper footer .region_select li a{font-family: 'Roboto';font-weight: 400;font-size: 0.75rem;color: #AFAFAF;display: block;} #gow_wrapper footer .region_select li a::before{content: '';border: 1.5px solid #40BAFF;border-width: 0 0 1.5px 1.5px;width: 5px;height: 5px;transform: rotate(230deg);display: inline-block;position: absolute;left: 6px;top: 8px;opacity: 0;transition:all .5s ease;} #gow_wrapper footer .game_grade{position: relative;width: 92px;height: 112px;background:url(https://lwi.nexon.com/kartdrift/gow/common/grade_pegi.png) no-repeat;background-size: contain;margin: 20px auto 0 auto;} #gow_wrapper footer .game_grade a{display: none;} :lang(ko) #gow_wrapper footer .game_grade{width: 100%;height: auto;background: transparent;} :lang(ko) #gow_wrapper footer .game_grade a{display: block;;text-align: left;text-indent: 45px;border-radius: 10px;width: 100%;height: 37px;line-height:37px;color: #C4C4C4;font-size: 12px;transition: background-color .8s ease;background:#565656 url(https://lwi.nexon.com/kartdrift/gow/common/ico_grade.png) 71% 53% no-repeat;} :lang(en) #gow_wrapper footer .etc_area .game_grade{display: none;} :lang(th) #gow_wrapper footer .etc_area .game_grade{height: 138px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_esrb2.png);display: block;} :lang(de) #gow_wrapper footer .etc_area .game_grade{width:112px;height: 110px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_de2.png);} :lang(zh) #gow_wrapper footer .etc_area .game_grade{width:250px;height: 68px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_tw.png);} :lang(ja) #gow_wrapper footer .etc_area .game_grade{width:250px;height: 82px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_ja.png);} :lang(en) #gow_wrapper .west footer .game_grade{width:140px;height: 134px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_esrb3.png);display: block;} :lang(fr) #gow_wrapper footer .game_grade{width:150px;height: 124px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_pegi_fr.png);display: block;} :lang(it) #gow_wrapper footer .game_grade{width:150px;height: 124px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_pegi_it.png);display: block;} :lang(es) #gow_wrapper footer .game_grade{width:150px;height: 124px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_pegi_es.png);display: block;} :lang(pt) #gow_wrapper footer .game_grade{width:150px;height: 124px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/grade_pegi_pt.png);display: block;} #gow_wrapper #container{position: relative;background-color: #F4F2EF;display: flex;flex-direction: column;align-items: center;/* padding-bottom: 80px; */flex:1 0 auto} /* 서브 타이틀 */ #gow_wrapper .subTit_swiper{position: relative;width: 100%;overflow: hidden;} #gow_wrapper .depth1{position: relative;width: 100%;height: 255px;background:url(https://lwi.nexon.com/kartdrift/gow/renewal/common/bg_sub.png) center top no-repeat;display: flex;justify-content: space-around;} /* #gow_wrapper .media .depth1{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/bg_sub_media.png)} #gow_wrapper .unlink .depth1{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/bg_sub_unlink.png)} */ #gow_wrapper .depth1.noimg{height: auto;background: transparent;padding: 43px 20px 14px 20px} #gow_wrapper .depth1.noimg h1{color: #282828;font-size: 2.5rem;} #gow_wrapper .depth1 .btn_back{width: 40px;height: 40px;text-indent: -1000000px;overflow: hidden;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_back.png) no-repeat;background-size: contain;transition: background .2s ease;} #gow_wrapper .depth1 .inner{position: relative;max-width: 1200px;width: 100%;height: 100%;display: flex;align-items: center;} #gow_wrapper .depth1.noimg .inner{justify-content:space-between} #gow_wrapper .depth1 h1{font-weight: 700;font-size: 2.813rem;line-height: 4.063rem;color: #fff;flex:none;margin-right: 60px;} #gow_wrapper .depth1 ul{display: flex;} #gow_wrapper .depth1 li{margin-right: 5%;width: auto;} #gow_wrapper .depth1 li a{display: block;color: #A4A4A4;font-size: 16px;} #gow_wrapper .depth1 li.pop a::after{display: inline-block;width: 12px;height: 13px;content: '';background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_pop_sub.png) 0 -4px no-repeat;vertical-align: middle;margin-left: 5px;margin-top: -2px;} #gow_wrapper .depth1 li.pop a:hover::after{background-position-y: 100%;} :lang(en) #gow_wrapper .depth1 li a{font-size: 20px;} #gow_wrapper .depth1 li:hover a, #gow_wrapper .depth1 li.active a{color: #FFE600;border-bottom: 2px solid #FFE600;} /* 게시판 */ #gow_wrapper .board_sticky{position: relative;width: 100%;padding:30px 0;background:#E1E1E1 url(https://lwi.nexon.com/kartdrift/gow/common/bg_noise-wt.gif) center 0 no-repeat;display: flex;align-items: center;justify-content: space-around;} #gow_wrapper .board_sticky .sticky_swiper{position: relative;max-width: 1200px;width: 100%;overflow: hidden;} #gow_wrapper .board_sticky .sticky_swiper ul{display: flex;justify-content: space-between;margin-left: -13px;} #gow_wrapper .board_sticky .sticky_swiper ul.center{justify-content: center;margin: 0;} #gow_wrapper .board_sticky .sticky_swiper li{max-width:calc(50% - 13px);background-color: #fff;flex-basis:50%;padding:18px;position: relative;margin:0 13px} #gow_wrapper .board_sticky .sticky_swiper ul.center li{margin: 0;} #gow_wrapper .board_sticky .sticky_swiper li a{display: flex;justify-content: space-between;font-size: 0.938rem;line-height: 1.375rem;letter-spacing: -0.03em;color: #282828;} #gow_wrapper .board_sticky .sticky_swiper li .thumb{max-height: 124px;overflow: hidden;width:47.2%;} #gow_wrapper .board_sticky .sticky_swiper li .thumb img{transform: scale(1);transition: transform .3s ease;} #gow_wrapper .board_sticky .sticky_swiper li .txt{position: relative;width: 50%;display: flex;flex-direction: column;justify-content: space-between;} #gow_wrapper .board_sticky .sticky_swiper li .tit span{overflow: hidden;max-width: 85%;display: inline-block;vertical-align: middle;max-height: 63px;} #gow_wrapper .board_sticky .sticky_swiper li .tit.new::after{content: '';width: 29px;height: 11px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_new.png) no-repeat;background-size: contain;position: absolute;right: 0px;top: 7px;} #gow_wrapper .board_sticky .indicator{margin-top: 15px;display: flex;align-items: center;height: auto;justify-content:center} #gow_wrapper .board_sticky .indicator button{margin:0;position:inherit;left: auto;top: auto;height: 35px;width: 35px;background-repeat: no-repeat;background-size: contain;text-indent: -100000px;overflow: hidden;transition: all .1s ease;} #gow_wrapper .board_sticky .indicator .swiper-button-prev{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_prev.png)} #gow_wrapper .board_sticky .indicator .swiper-button-next{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_next.png)} #gow_wrapper .board_sticky .swiper-pagination{bottom: auto;width: auto;left: auto;position: inherit;background: #8b8b8b;border-radius: 60px;padding: 8px 20px;color:#8b8b8b;margin:0 10px;overflow:hidden;display: flex;align-items: center;} #gow_wrapper .board_sticky .swiper-pagination span{font-size: 0.938rem;line-height: 1.125rem;color: #C4C4C4;text-indent: 0;} #gow_wrapper .board_sticky .swiper-pagination .swiper-pagination-current{color: #FFF;display: flex;align-items: center;} #gow_wrapper .board_sticky .swiper-pagination .swiper-pagination-current::after{content: "";width: 10px;height: 1px;margin-left:5px;background-color: #A4A4A4; transform: rotate(-58deg);transform-origin: center center;} #gow_wrapper .board_wrap{position: relative;max-width: 1200px;width: 100%;padding:70px 0 80px;} #gow_wrapper .board_img ul{display: flex;flex-wrap: wrap;margin-left: -23px;} #gow_wrapper .board_img li{max-width:calc(33.33% - 23px);background-color: #fff;margin:0 0 23px 23px;flex-basis:33.33%;padding:20px;position: relative;overflow: hidden;} #gow_wrapper .board_img li a{color: #282828;} #gow_wrapper .board_img li .thumb{max-height: 184px;overflow: hidden;margin-bottom: 0px;} #gow_wrapper .board_img li .thumb img{transform: scale(1);transition: transform .3s ease;} #gow_wrapper .board_img li .tit{padding:20px 0 0 0;font-size: 1.125rem;line-height: 1.125rem;background-color: #fff;/* position: absolute;left: 0;bottom: 37px; */width: 100%;transition: bottom .3s ease;} #gow_wrapper .board_img li .tit span{overflow: hidden;display: inline-block;vertical-align: middle;line-height: 1.4rem;} #gow_wrapper .board_img li .tit.new::after{display: inline-block;content: '';width: 29px;height: 11px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_new.png) no-repeat;background-size: contain;margin-left: 15px;vertical-align: middle;} #gow_wrapper .board_img li .info{display: none;} #gow_wrapper .info span{font-family: 'Roboto';font-weight: 400;font-size: 12px;line-height: 0.938rem;color: #656363;margin-right: 15px;} #gow_wrapper .info span::before{content: '';display: inline-block;margin-right: 4px;vertical-align: middle;background-size: contain;background-repeat: no-repeat;margin-top: -2px;} #gow_wrapper .info .date::before{width: 15px;height: 15px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/ico_date.png)} #gow_wrapper .info .view::before{width: 13px;height: 13px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/ico_view.png)} #gow_wrapper .board_list ul{width: 100%;display: flex;flex-direction: column;} #gow_wrapper .board_list.notice{border:1px solid #282828;border-left:0;border-right: 0} #gow_wrapper .board_list.notice ul{border:5px solid #2E61C3;border-left:0;border-right: 0} #gow_wrapper .board_list li{border:1px solid #282828;border-left:0;border-right: 0;height: 94px;margin-bottom: -1px;transition: border .3s ease;padding-left: 55px;} #gow_wrapper .board_list.notice li{border:1px solid #2E61C3;border-left:0;border-right: 0;position: relative;} #gow_wrapper .board_list.notice li:first-child{margin-top: -5px;} #gow_wrapper .board_list.notice li:last-child{margin-bottom: -5px;} #gow_wrapper .board_list.notice li::before{width: 20px;height: 20px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);content:'';background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_pin.png) 0 0/contain no-repeat} #gow_wrapper .board_list li a{color: #282828;display: flex;align-items: center;height: 100%;justify-content: space-between;} #gow_wrapper .board_list li a em{background-color: #298BC2;border-radius: 20px;line-height: 18px;padding: 0 5px;font-size: 12px;color: #fff;font-weight: 700;min-width: 103px;text-align: center;margin-right: 15px;max-width: 110px;height: 18px;} #gow_wrapper .board_list li a em.notice{background-color: #7FC229} #gow_wrapper .board_list li a em.ingame{background-color: #C28529} #gow_wrapper .board_list li a em.social{background-color: #C05953;} #gow_wrapper .board_list li a em.inspect{background-color: #9D53C0;} #gow_wrapper .board_list li a em.letter{background-color: #D9B600;} #gow_wrapper .board_list li a em.league{background-color: #416DC3;} :lang(ja) #gow_wrapper .board_list li a em{letter-spacing: -0.1em;} :lang(th) #gow_wrapper .board_list li a em{min-width: 110px;} #gow_wrapper .board_list li .tit{font-size: 1.125rem;width: 70%;} #gow_wrapper .board_list li .tit strong{font-weight: 500;background-color: #FFE600;} #gow_wrapper .board_list li .tit span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 80%;display: inline-block;vertical-align: middle;} #gow_wrapper .board_list li .tit.new::after{display: inline-block;content: '';width: 29px;height: 11px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_new.png) no-repeat;background-size: contain;margin-left: 15px;vertical-align: middle;} #gow_wrapper .board_list li .info span{min-width: 80px;display: inline-block;} #gow_wrapper .board_list li .info .date{width: 100px;} #gow_wrapper .board_wrap .no_data{display: flex;justify-content: center;align-items: center;height: 100%;color: #282828;font-size: 0.9375rem;flex-direction: column;width: 100%;border-top:1px solid #000;border-bottom:1px solid #000;min-height: 400px;text-align: center;} #gow_wrapper .board_wrap .no_data::before{content: '';width: 68px;height: 68px;background:url(https://lwi.nexon.com/kartdrift/gow/ingame/ico_empty.png) no-repeat;background-size: cover;margin-bottom: 10px;} #gow_wrapper .board_wrap .paging{position: relative;;padding-top: 45px;display: flex;align-items:center;justify-content: center;} #gow_wrapper .board_wrap .paging button, #gow_wrapper .board_wrap .paging strong, #gow_wrapper .board_wrap .paging a{margin:0 5px;height: 35px;width: 35px;} #gow_wrapper .board_wrap .paging button{background-repeat: no-repeat;background-size: contain;text-indent: -100000px;overflow: hidden;transition: all .1s ease;} #gow_wrapper .board_wrap .paging .btn_first{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_start.png);width: 47px;} #gow_wrapper .board_wrap .paging .btn_last{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_end.png);width: 47px;} #gow_wrapper .board_wrap .paging .btn_prev{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_prev.png)} #gow_wrapper .board_wrap .paging .btn_next{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_next.png)} #gow_wrapper .board_wrap .paging strong, #gow_wrapper .board_wrap .paging a{font-weight: 700;font-size: 1.125rem;color: #7B7B7B;display: inline-block;line-height: 2.188rem;text-align: center;} #gow_wrapper .board_wrap .paging strong, #gow_wrapper .board_wrap .paging a:hover{color:#fff;background-color: #2A2A2A;} #gow_wrapper .board_wrap .search{position: relative;width: 100%;padding-bottom:45px;margin: 0 auto;justify-content: space-around;display: flex;justify-content: center;gap: 8px;} #gow_wrapper .board_wrap .search form{width:100%;display: flex;justify-content: space-around;} #gow_wrapper .board_wrap .search.show{width: 92%;overflow: inherit;} #gow_wrapper .board_wrap .search.show fieldset{display: flex !important;} .search fieldset{position: relative;width:100%;max-width: 600px;height: 100%;border: 5px solid #282828;display: flex;background-color: #F4F2EF;} .select-hidden {display: none;visibility: hidden;padding-right: 10px;} .select {position: relative;cursor: pointer;font-size: 0.938rem;color: #282828;letter-spacing: -0.03em;height: 100%;vertical-align: top;padding-right: 20px;} .select-styled {line-height:47px;text-indent:15px;width: 100%;font-weight: 700;} .select-styled:after {position: absolute;content: "";width: 12.5px;height: 12.5px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_select.png);background-repeat: no-repeat;background-size: contain;top: 50%;right: 0px;transition: all 0.2s ease-in;transform: translateY(-40%);} .select-styled.active{color: #0070D1;} .select-styled:active:after, .select-styled.active:after {background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_select_active.png) !important;} .search .options {display: none;position: absolute;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;color: #fff;background-color: #161616;font-size: 0.813rem;} .search .options li {margin: 0;padding: 7px 0;text-align: center;transition: all 0.15s ease-in;} .search .options li:hover, .search .options li.is-selected {background: #333;} .search .options li[rel="hide"] {display: none;} .search input.txt_serch{border:0;background: transparent;font-size: 1.25rem;color:#A4A4A4;letter-spacing: -0.03em;font-weight: 400;text-indent: 20px;flex: auto;} .search .btn_search{position: relative;width: 50px;height: 47px;text-indent: -1000000px;} .search .btn_open_search{position: absolute;width: 56px;height: 100%;right: 0;top: 0;text-indent: -1000000px;overflow: hidden;display: none;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_search.png) no-repeat;background-size: contain;} .search .btn_search::before{position: absolute;right:0;top:0;content:'';width: 47px;height: 47px;background-image:url(https://lwi.nexon.com/kartdrift/gow/common/ico_search.png);background-repeat: no-repeat;background-size: contain;text-indent: -1000000px;overflow: hidden;z-index: 1;} .search .btn_search::after{content:'';background-color: #000;position: absolute;right: -1px;top: -1px;width: 0;height: 49px;transition: width .2s ease;} #gow_wrapper .board_wrap .btn_notice{position: relative;;width: 170px;height: 56px;} #gow_wrapper .board_wrap .btn_notice a{display: block;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_notice.png) 0 0/cover no-repeat;transition: background .3s ease;width: 100%;height: 100%;text-indent: -100000px;overflow: hidden;} #gow_wrapper .board_wrap .btn_notice a:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_notice_over.png)} #gow_wrapper .board_wrap .btn_notice a::before{position: absolute;left:3px;top:3px;content:'';width: 50px;height: 50px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_notice.png) 100% 0/cover no-repeat;transition: background .3s ease} #gow_wrapper .board_wrap .btn_notice a:hover::before{background-position-x:0%} #gow_wrapper .board_wrap .board_view{position: relative;width: 100%;border-top:1px solid #000;display: flex;flex-direction: column;} #gow_wrapper .board_wrap .board_view .top_info{padding:40px 20px;display: flex;flex-direction: column;} #gow_wrapper .board_wrap .board_view .content_wrap{border:1px solid #000;border-left:0;border-right: 0;padding: 20px;min-height: 450px;} #gow_wrapper .board_wrap .board_view .content_wrap img{max-width: 100%;} #gow_wrapper .board_wrap .board_view .content_wrap table{table-layout: fixed;} #gow_wrapper .board_view .top_info .txt{position: relative;width: 80%;display: flex;flex-direction: column;justify-content: space-between;} #gow_wrapper .board_view .top_info .tit span{overflow: hidden;max-width: 95%;display: inline-block;vertical-align: middle;font-size: 1.5rem;line-height: 2rem;} #gow_wrapper .board_view .top_info .tit.new::after{content: '';width: 29px;height: 11px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_new.png) no-repeat;background-size: contain;position: absolute;right: 20px;top: inherit;} #gow_wrapper .board_view .top_info .info{margin-top: 5px;} #gow_wrapper .btn_area{margin-top: 30px;padding-left: 20px;height: 29px;display: flex;} #gow_wrapper .btn_area a,#gow_wrapper .btn_area button{position: relative;;display: inline-block;margin-right: 10px;font-weight: 700;font-size: 0.813rem;color: #3B3B3B;height: 100%;line-height: 1.813rem;border: 1px solid #656363;border-radius: 60px;padding: 0 25px;transition: all .2s ease;display: flex;align-items: center;} #gow_wrapper .btn_area .btn_copy{width: 46px;height: 100%;text-indent: -100000px;overflow: hidden;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_copy.png) no-repeat;background-size: contain;border:0;padding: 0;} #gow_wrapper .btn_area .btn_copy::before{display: none;} #gow_wrapper .btn_area a::before,#gow_wrapper .btn_area button::before{content: '';border: 1.5px solid #656363;border-width: 0 0 1.5px 1.5px;width: 5px;height: 5px;transform: rotate(45deg);display: inline-block;margin-right: 8px;} #gow_wrapper .tit_sub{position: relative;margin-top: 3.75rem;width: 100%;max-width: 1200px;} #gow_wrapper .tit_sub h2{position: relative;font-weight: 700;font-size: 2.188rem;line-height: 2.313rem;color: #282828;} #gow_wrapper .tit_sub h2::before{content: '';display: inline-block;vertical-align: middle;width: 8px;height: 37px;margin-right: 14px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_tit.png) no-repeat;background-size: contain;} /* 아트웍 */ #gow_wrapper .media_list{position: relative;width: 100%;padding-top: 2.813rem;} #gow_wrapper .media_list ul{display: flex;flex-wrap: wrap;margin-left:-24px} #gow_wrapper .media_list li{position: relative;border: 1px solid #C4C4C4;flex-basis: 33.33%;display: flex;flex-direction: column;max-width: calc(33.33% - 24px);margin-bottom: 24px;margin-left: 24px; overflow: hidden;} #gow_wrapper .media_list li::before{content: '';display: block;width: 100%;padding-top: 56.2%;} #gow_wrapper .media_list li button{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding:12px;} #gow_wrapper .media_list li button label{position: absolute;right: 25px;bottom: 23px;background: #282828;border-radius: 60px;width: 50px;height: 50px;cursor: pointer;font-weight: 700;font-size: 0.813rem;line-height: 3.125rem;color: #282828;overflow: hidden;transition: all .12s ease;text-align: right;} #gow_wrapper .media_list li button label::after{content: '';width: 21px;height: 21px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico_pop.png") no-repeat;background-size: contain;position: absolute;right: 14px;top: 15px;} #gow_wrapper .media_list#vod li button label::after{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico_vod.png") right 0 no-repeat;background-size: contain;} #gow_wrapper .media_list li .thumb{display: block;position: relative;width: 100%;height: 100%;background-size:cover;background-repeat: no-repeat;background-position: 50% 50%;} #gow_wrapper .media_list li .thumb::after{content: '';position: absolute;width: 100%;left: 0;bottom: 0;height: 0;background: rgba(0, 0, 0, 0.5);transition: height .15s ease;} /* 게임소개 */ #back{position: absolute;left: 50%;right: 0;top: 0;transform: translateX(-50%);height: 100%;} .cover{background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;} .signature > div{position: relative;width: 100%;background: url("https://lwi.nexon.com/kartdrift/gow/game_info/obj/noise.gif") center 0 repeat;} .signature > div > section{position: relative;width: 100%;min-height: 1000px;max-height: 1000px;height: 100%;padding: 160px 20px 200px;display: flex;justify-content:center;} .game_wrap .info label{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 60px;font-style: italic;font-weight: 700;font-size: 2.5rem;padding:0 35px;color: #A4A4A4;border:2px solid #D3D3D3;display: inline-block;line-height: 2.7rem;height: 50px;display: none;} :lang(ja) .game_wrap .info label{line-height: 3.2rem;} .game_wrap .info h2{color: #282828;font-weight: 800;font-size: 3.438rem;line-height: 4.375rem;letter-spacing: -0.03em;margin:21px 0 25px;word-break: keep-all;} .game_wrap .info p{color: #656363;font-size: 1.125rem;line-height: 1.75rem;letter-spacing: -0.05em;margin-bottom: 25px;word-break: keep-all;} .wt .game_wrap .info h2, .wt .game_wrap .info p, .wt .game_wrap .info label{color: #fff;} .game_wrap{position: relative;display: flex;max-width: 1600px;width:100%;height: 100%;z-index: 1;flex-direction: column;} .game_wrap .info{min-width: 320px;max-width: 640px;width: 100%;} .gameCon .game_section1{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/line_btm.png") 109% 100%/auto 126px no-repeat;} .gameCon .game_section2{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/game2.jpg") center 100%/cover no-repeat;} .gameCon .game_section3{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/line_btm.png") -8% 100%/auto 126px no-repeat;} .gameCon .game_section4{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/game4.jpg") center 100%/cover no-repeat;} .worldCon .game_section1{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/world1.png") center 0%/cover no-repeat;} .worldCon .game_section2{background: #282828 url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/world2.jpg") center 0%/cover no-repeat;} .worldCon .game_section3{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/world3.png") center 100%/contain no-repeat;} .worldCon .game_section4{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/world4.jpg") center 100%/cover no-repeat;} .worldCon .game_section5{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/arrow.png") right 90%/auto 220px no-repeat;max-height: fit-content;} .game_section2 .game_wrap, .game_section4 .game_wrap{align-items: flex-end;} .game_section2 .info, .game_section4 .info{text-align: right;} .worldCon .game_section3 .game_wrap, .worldCon .game_section5 .game_wrap{align-items: center;} .worldCon .game_section3 .info, .worldCon .game_section5 .info{text-align: center;} .g_obj span{position: absolute;left: 50%;width: 100%;} .g_obj span::after{content:'';width: 100%;display: block;} .gameCon .game_section1 .o1::after{padding-top: 106.556%;} .gameCon .game_section2 .o1::after{padding-top: 66.55%;} .gameCon .game_section2 .o2::after{padding-top: 66.55%;} .gameCon .game_section3 .o1::after{padding-top: 96.3%;} .gameCon .game_section3 .o2::after{padding-top: 80.287%;} .gameCon .game_section3 .o3::after{padding-top: 60.75%;} .gameCon .game_section4 .o1::after{padding-top: 83.348%;} .gameCon .game_section4 .o2::after{padding-top: 69.7%;} .gameCon .game_section1 .o1{max-width: 900px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char1.png") 0 0/contain no-repeat;bottom: -3%;margin-left: -1.2%} .gameCon .game_section1 .o2{width: 440px;height: 454px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_obj1.png") 0 0/contain no-repeat;bottom: -135px;margin-left: -1200px;} .gameCon .game_section1 .o3{width: 157.5px;height: 103px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_obj2.png") 0 0/contain no-repeat;top: 235px;margin-left: 620px;} .gameCon .game_section1 .o4{width: 151px;height: 238.5px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_obj3.png") 0 0/contain no-repeat;top: 410px;margin-left: 930px;} .gameCon .game_section2 .o1{max-width: 1000px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char2.png") 0 0/contain no-repeat;bottom: 28%;left:6%;} .gameCon .game_section2 .o2{max-width: 1100px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char3.png") 0 0/contain no-repeat;bottom: 0;margin-left: -15%;} .gameCon .game_section3 .o1{max-width: 1000px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char5.png") 0 0/contain no-repeat;bottom: 0;margin-left: 8%;} .gameCon .game_section3 .o2{max-width: 700px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char4.png") 0 0/contain no-repeat;bottom: 3%;left: 4%;} .gameCon .game_section3 .o3{max-width: 800px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_obj4.png") 0 0/contain no-repeat;bottom: 10%;left: 27%;} .gameCon .game_section4 .o1{max-width: 1150px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char6.png") 0 0/contain no-repeat;bottom: -7%;left: 6%;z-index: 1;} .gameCon .game_section4 .o2{max-width: 1000px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/game_char7.png") 0 0/contain no-repeat;bottom: 11%;margin-left: -16%;} .gameCon .game_section1 .game_wrap .info{max-width: 788px;} .gameCon .game_section1 .mode{max-width: 788px;display: flex;gap: 12px;} .gameCon .game_section1 .mode li{background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/mode1.png") 0 0/contain no-repeat;width: 100%; max-width: 388px;} .gameCon .game_section1 .mode li::after{display: block;width: 100%;padding-top: 59.28%;content: '';} .gameCon .game_section1 .mode li:last-child{background-image: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/mode2.png")} .worldCon .game_section1 .o1::after{padding-top: 71.429%} .worldCon .game_section1 .o2::after{padding-top: 83.38%} .worldCon .game_section2 .o1::after{padding-top: 168.13%} .worldCon .game_section2 .o2::after{padding-top: 117.077%} .worldCon .game_section1 .o1{max-width: 1400px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/world_char1.png") 0 0/contain no-repeat;bottom: 0;margin-left: -6%;} .worldCon .game_section1 .o2{max-width: 800px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/world_char2.png") 0 0/contain no-repeat;bottom: 20%;margin-left: -430px;} .worldCon .game_section2 .o1{max-width: 400px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/world_obj1.png") 0 0/contain no-repeat;bottom: 16%;margin-left: -530px;display: none;} .worldCon .game_section2 .o2{max-width: 732px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/world_obj3.png") 0 0/contain no-repeat;bottom: 7%;margin-left: -687px;} .worldCon .game_section3 .o1{width: 220px;height: 356px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char1.png") 0 0/contain no-repeat;top: 459px;margin-left: -384px;} .worldCon .game_section3 .o2{width: 242px;height: 359px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char2.png") 0 0/contain no-repeat;top: 459px;margin-left: -214px;} .worldCon .game_section3 .o3{width: 280px;height: 358px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char4.png") 0 0/contain no-repeat;top: 459px;margin-left: 188px;} .worldCon .game_section3 .o4{width: 300px;height: 377.5px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char3.png") 0 0/contain no-repeat;top: 459px;margin-left: -37px;} .worldCon .game_section3 .o5{width: 250px;height: 336.5px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char6.png") 0 0/contain no-repeat;top: 478px;margin-left: -601px;} .worldCon .game_section3 .o6{width: 220px;height: 358.5px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char7.png") 0 0/contain no-repeat;top: 487px;margin-left: 405px;} .worldCon .game_section3 .o7{width: 286px;height: 335px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char5.png") 0 0/contain no-repeat;top: 535px;margin-left: -778px;} .worldCon .game_section3 .o8{width: 225px;height: 349.5px;background: url("https://lwi.nexon.com/kartdrift/gow/renewal/game_info/obj/char8.png") 0 0/contain no-repeat;top: 559px;margin-left: 553px;} .worldCon .game_section5 .game_wrap .info{max-width: 1200px;} .world_swiper{position: relative;width: 100%;overflow: hidden;} .world_swiper .swiper-slide{display: flex;flex-direction: column;align-items: center;} .world_swiper .swiper-slide .video_wrap{position: relative;padding: 10px;border:1px solid #fff;max-width:960px;width: 100%;height: 100%;} .world_swiper .swiper-slide .video-container {position: relative; width: 100%; height: 100%;} .world_swiper .swiper-slide .video-container::after{content:'';display: block;width: 100%;padding-top: 56.25%;} .world_swiper .swiper-slide .video-container iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .world_swiper .swiper-slide p{color: #656363;letter-spacing: -0.05em;max-width: 940px;} .world_swiper .swiper-slide p strong{display: block;font-weight: 700;font-size: 35px;line-height: 200%;} .world_swiper .swiper-pagination{width: 100%;height: 13px;position: relative;display: flex;justify-content: center;align-items: flex-end;gap: 10px;} .world_swiper .swiper-pagination-bullet{max-width: 71px;height: 7px;background-color: #C4C4C4;opacity: 1;border-radius: 0;margin:0 5px;transition: height .2s ease;margin: 0 !important;width: 100%;} .world_swiper .swiper-pagination-bullet-active, .world_swiper .swiper-pagination-bullet:hover{background: #FFE600;height: 13px;} .world_swiper .swiper-button-next, .world_swiper .swiper-button-prev{width: 7%;height: 72%;text-indent: -100000px;background-repeat: no-repeat;background-size: contain;top: 0;margin-top: 0;background-size: 29px 38.5px;background-position:50% 50%;background-color: #fff;} .world_swiper .swiper-button-next::after, .world_swiper .swiper-button-prev::after{content: '';position: absolute;width: 28.5px;height: 38.5px;background-repeat: no-repeat;background-size: contain;transition: all .2s ease;} .world_swiper .swiper-button-prev::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/renewal/game_info/btn_slide_prev.png);} .world_swiper .swiper-button-next::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/renewal/game_info/btn_slide_next.png);} .world_swiper .swiper-button-prev{background-image:url(https://lwi.nexon.com/kartdrift/gow/renewal/game_info/btn_slide_prev_over.png);left: 0px;} .world_swiper .swiper-button-next{background-image:url(https://lwi.nexon.com/kartdrift/gow/renewal/game_info/btn_slide_next_over.png);right: 0px;} .game_wrap .vod{width: 556px;} .game_wrap .vod .moving{height:322px;border:1px solid #fff;padding:9px} .game_wrap .vod .moving video{width: 100%;height: 100%;} .game_wrap .vod button{border:1px solid #fff;padding:9px;width: 193px;height: 53px;margin-top: 13px;} .game_wrap .vod button span{position: relative;;width: 100%;height: 100%;background-color: #fff;color: #282828;font-size: 0.875rem;text-align: center;display: block;line-height: 33px;z-index: 1;font-weight: 500;} .game_wrap .vod button span::before{display: inline-block;content: '';border-bottom: 7.5px solid transparent;border-top: 7.5px solid transparent;border-left: 13px solid #282828;border-right: 5px solid transparent;border-radius: 2px;vertical-align: middle;margin-top: -4px;} .game_wrap .vod button span::after{content: '';position: absolute;top: 0;left: 0;width:0;height: 100%;background-color: #282828;z-index: -1;transition: width .2s ease;} .game_wrap .vod button:hover span::after{width: 100%;} .game_wrap .vod button:hover span::before{border-left-color:#fff} .game_wrap .vod button:hover span{color: #fff;} .wt .game_wrap .vod .moving, .wt .game_wrap .vod button{border-color: #282828;} .wt .vod button span{background-color: #282828;color:#fff} .wt .vod button span::before{border-left-color:#fff} .wt .vod button span::after{background-color: #fff;} .wt .vod button:hover span{color:#282828} .wt .vod button:hover span::before{border-left-color:#282828} #gow_wrapper .scroll_down{position: fixed;left: 50px;bottom: 50px;display: block;width: 81px;height: 51px;overflow: hidden;text-indent: -100000px;background:url(https://lwi.nexon.com/kartdrift/gow/game_info/obj/Scroll_WT.png) no-repeat;} #gow_wrapper .scroll_down.bk{background-image:url(https://lwi.nexon.com/kartdrift/gow/game_info/obj/Scroll_BK.png);} .mobile .quick{display: none;} .quick{position: fixed;display: flex; flex-direction: column; align-items: center; padding: 20px 15px 20px 20px; width: 72px; background: rgba(71, 71, 71, 0.7); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); border-radius: 20px 0px 0px 20px;right: 0;top: 50%;transform: translateY(-50%);z-index: 100;} .quick ul{display: flex;flex-direction: column;width: 37px;} .quick li{width:100%;height: 37px;margin-bottom: 12px;} .quick li:last-child{margin-bottom: 0;} .quick li button{display: block;width: 100%;height: 100%;text-indent: -100000px;overflow: hidden;background:url(https://lwi.nexon.com/kartdrift/gow/common/spr_platform.png) no-repeat;} .quick li button:hover{background-position-x: 100%;} .quick li button.btn_steam{background-position-y: -49px;} .quick li button.btn_xbox{background-position-y: -98px;} .quick li button.btn_ps{background-position-y: -147px;} .quick li button.btn_apple{background-position-y: -196px;} .quick li button.btn_google{background-position-y: 100%;} .quick h2{font-weight: 700;font-size: 15px;line-height: 17px;color: #fff;writing-mode: vertical-rl; text-orientation: mixed;margin-bottom: 20px;} /* west 게임소개 */ #gameWestCon{position: relative;width: 100%;} #gameWestCon > section{position: relative;width: 100%;display: flex;justify-content:center} #gameWestCon > section .game_wrap{padding: 25rem 20px;flex-direction:row;align-items: center;max-height: 998px;} #gameWestCon .section1{background:#000 url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg1.png") center 0/auto 100% no-repeat;} #gameWestCon .section2{background:#000 url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg2.png") center 0/auto 100% no-repeat;} #gameWestCon .section3{background:#fff url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg3.png") center 0/auto 100% no-repeat;} #gameWestCon .section4{background:#000 url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg4.png") center 0/auto 100% no-repeat;} #gameWestCon .section5{background:#fff} #gameWestCon .section2 .game_wrap, #gameWestCon .section4 .game_wrap{justify-content: flex-end;} #gameWestCon .section2 .game_wrap, #gameWestCon .section4 .game_wrap{align-items: flex-start;} #gameWestCon .section3 .game_wrap, #gameWestCon .section4 .game_wrap{padding:12.5rem 20px 37rem} #gameWestCon .section3 .game_wrap .info h2, #gameWestCon .section5 .game_wrap .info h2, #gameWestCon .section3 .game_wrap .info p, #gameWestCon .section5 .game_wrap .info p{color: #000;} #gameWestCon > section .game_wrap .info h2, #gameWestCon > section .game_wrap .info p{font-family: 'Roboto';letter-spacing: 0;font-weight: 700;} #gameWestCon > section .game_wrap .info h2{font-size:4.5rem} #gameWestCon > section .game_wrap .info p{font-size:1.875rem;line-height: 2rem;} #gameWestCon .game_wrap .info{width: auto;} #gameWestCon .section5 .game_wrap{justify-content: space-between;} /* 레이싱패스 */ #recingCon{position: relative;width: 100%;} .racing_section1, .racing_section2, .racing_section3, .racing_section4, .racing_section5{position: relative;width: 100%;height: 100%;padding: 8.75rem 20px 12.5rem;display: flex;justify-content:center;background-color: #282828;} .racing_section1{min-height: 1000px;padding-top: 15rem;} .west .racing_section1{min-height: 980px;} .west .racing_section1{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/back0.png") 65% 0/cover no-repeat;} .ss2 .racing_section1{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/back0.png") center 0/cover no-repeat;padding: 45rem 20px 0;min-height: 1260px;} .ss3 .racing_section1{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/back0.png")} .ss4 .racing_section1{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/back0.png")} .ss5 .racing_section1{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/back0.jpg")} .racing_wrap{position: relative;display: flex;max-width: 1280px;width:100%;height: 100%;z-index: 1;flex-direction: column;} .racing_wrap .info{min-width: 320px;max-width: 640px;width: 100%;} .racing_wrap .info label{background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 60px;font-style: italic;font-weight: 700;font-size: 2rem;padding:0 35px;color: #FFFFFF;border:2px solid #D3D3D3;display: inline-block;line-height: 3.125rem;height: 3.125rem;font-family: 'Barlow Condensed';} .west .racing_wrap .info label{border:0;backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);background: transparent;font-style: normal;font-size: 3.75rem;padding:0;line-height: 3.75rem;height: auto;font-family: inherit;} .ss2 .racing_wrap .info label{font-size: 2.856rem;line-height: 4rem;font-family: 'Roboto';} .racing_wrap .info label em{font-style: normal;font-family: initial;} .racing_wrap .info h2{color: #fff;font-weight: 800;font-size: 5.313rem;line-height: 5.313rem;letter-spacing: -0.03em;margin:21px 0 25px;word-break: keep-all;} .west .racing_wrap .info h2{font-weight: 700;font-size:6.25rem;line-height: 6.25rem;} .ss2 .racing_wrap .info h2{font-size:5.625rem;line-height: 6.625rem;letter-spacing: -0.02em;margin: 0;} .racing_wrap .info p{color: #fff;font-size: 1.125rem;line-height: 1.75rem;letter-spacing: -0.03em;margin-bottom: 25px;font-weight: 300;word-break: break-word;} .racing_wrap .btn, .racing_wrap .btn_vod{margin-top: 10%;font-size: 0;} .west .racing_wrap .btn{margin-top: 3%;} .ss2 .racing_wrap .btn_vod{margin-top: 2.5%;} .racing_wrap .btn a, .racing_wrap .btn_vod button{display: inline-block;background-color: #fff;text-align: center;font-weight: 700;font-size: 1.563rem;letter-spacing: -0.03em;color: #000000;min-width: 25%;vertical-align: top;padding: 0 1% 0 2%;line-height: 4.375rem;} .west .racing_wrap .btn a{font-size:1.875rem;background-color: #ffba00;line-height: 4rem;padding: 0 5%;border-radius: 0.625rem;min-width: auto;} .ss2 .racing_wrap .btn_vod button{background-color: #ffba00;line-height: 4rem;border-radius: 0.625rem;min-width: auto;padding: 0 3%;font-size: 1.563rem;} .racing_wrap .btn i{display: inline-block;max-width: 100px;width: 100%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/btn_obj_r.png") 0 0/contain no-repeat;height: 4.375rem;} .racing_section2{background: url("https://lwi.nexon.com/kartdrift/gow/racing/back1.png") center 0/cover no-repeat;} .west .racing_section2{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/back1.png") center 0/cover no-repeat;} .racing_wrap2{position: relative;display: flex;max-width: 1200px;width:100%;height: 100%;z-index: 1;flex-direction: column;align-items:center;letter-spacing: -0.02em;text-align: center;} .racing_wrap2 h2{font-size: 3.75rem;line-height: 5rem;color: #fff;font-weight: 400;text-align: center;width: 100%;} .west .racing_wrap2 h2{font-weight: 700;font-size: 4.5rem;line-height: 5rem;letter-spacing: -0.05em;} :lang(ja) .racing_wrap2 h2{letter-spacing: -0.1em;font-size: 4.3rem;} .racing_wrap2 h2 strong{display: block;font-weight: 700;} .racing_wrap2 .b_txt{font-size: 2.375rem;line-height: 3.125rem;color: #8BF8FF;} .west .racing_wrap2 .b_txt{font-size: 3rem;line-height: 3.5rem;color: #fff;font-weight: 400;} .ss2 .racing_wrap2 .b_txt{font-size: 2.5rem;line-height: 3.125rem;margin-top: 20px;} .racing_wrap2 .reward{position: relative;font-size: 1.625rem;color: #1E43B0;background-color: #3DE8FF;text-align: center;line-height: 3.125rem;margin-top: 3.5%;} .west .racing_wrap2 .reward{font-size: 3rem;color: #fff;background-color: transparent;line-height: 3.5rem;font-weight: 700;margin-top: 8.5%;} .ss2 .racing_wrap2 .reward{font-size: 2.5rem;letter-spacing: -0.05em;margin-top: 7.5%;} .west .racing_wrap2 .reward::before, .west .racing_wrap2 .reward::after{display: none;} .racing_wrap2 .reward::after{content:'';position: absolute;max-width: 69px;width: 100%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/blue_obj_r.png") 0 0/contain no-repeat;height: 100%} .racing_wrap2 .reward::before{content:'';position: absolute;max-width: 69px;width: 100%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/blue_obj_l.png") 0 0/contain no-repeat;height: 100%;left: -4.27rem;} .racing_wrap2 .kart_list{position: relative;width: 100%;display: flex;justify-content:space-between;} .west .racing_wrap2 .kart_list{width: 136%;gap: 1.75rem;flex-wrap: wrap;justify-content: center;} .racing_wrap2 .kart_list > div{max-width: 385px;width: 32.084%;font-size: 0;position: relative;} .west .racing_wrap2 .kart_list > div{width: 385px;} .racing_wrap2 .kart_list > div::after{display: block;content: '';width: 100%;padding-top: 76.885%} .racing_wrap2 .kart_list .kart1{background: url("https://lwi.nexon.com/kartdrift/gow/racing/kart1.png") center 0/contain no-repeat;} .racing_wrap2 .kart_list .kart2{background: url("https://lwi.nexon.com/kartdrift/gow/racing/kart2.png") center 0/contain no-repeat;} .racing_wrap2 .kart_list .kart3{background: url("https://lwi.nexon.com/kartdrift/gow/racing/kart3.png") center 0/contain no-repeat;} .west .racing_wrap2 .kart_list .kart1{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/kart2.png") center 0/contain no-repeat;} .west .racing_wrap2 .kart_list .kart2{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/kart1.png") center 0/contain no-repeat;} .west .racing_wrap2 .kart_list .kart3{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/kart4.png") center 0/contain no-repeat;} .west .racing_wrap2 .kart_list .kart4{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/kart3.png") center 0/contain no-repeat;} .ss2 .racing_wrap2 .kart_list .kart1{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/kart1.png") center 0/contain no-repeat;} .ss2 .racing_wrap2 .kart_list .kart2{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/kart2.png") center 0/contain no-repeat;} .ss2 .racing_wrap2 .kart_list .kart3{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/kart3.png") center 0/contain no-repeat;} .ss2 .racing_wrap2 .kart_list .kart4{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/kart4.png") center 0/contain no-repeat;} .ss3 .racing_wrap2 .kart_list .kart1{background: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/kart1.png") center 0/contain no-repeat;} .ss3 .racing_wrap2 .kart_list .kart2{background: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/kart2.png") center 0/contain no-repeat;} .ss3 .racing_wrap2 .kart_list .kart3{background: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/kart3.png") center 0/contain no-repeat;} .ss3 .racing_wrap2 .kart_list .kart4{background: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/kart4.png") center 0/contain no-repeat;} .ss4 .racing_wrap2 .kart_list .kart1{background: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/kart1.png") center 0/contain no-repeat;} .ss4 .racing_wrap2 .kart_list .kart2{background: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/kart2.png") center 0/contain no-repeat;} .ss4 .racing_wrap2 .kart_list .kart3{background: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/kart3.png") center 0/contain no-repeat;} .ss4 .racing_wrap2 .kart_list .kart4{background: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/kart4.png") center 0/contain no-repeat;} .ss5 .racing_wrap2 .kart_list .kart1{background: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/kart1.png") center 0/contain no-repeat;} .ss5 .racing_wrap2 .kart_list .kart2{background: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/kart2.png") center 0/contain no-repeat;} .ss5 .racing_wrap2 .kart_list .kart3{background: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/kart3.png") center 0/contain no-repeat;} .ss5 .racing_wrap2 .kart_list .kart4{background: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/kart4.png") center 0/contain no-repeat;} .racing_wrap2 .kart_list > div p{position: absolute;width: 100%;text-align: center;top: 64%;color: #3DE8FF;font-size: 1rem;line-height: 1.25rem;font-weight: 700;} .west .racing_wrap2 .kart_list > div p{color:#dde8f7;font-weight: 400;padding: 0 20px;} .racing_wrap2 .kart_list > div p strong{display: block;color: #fff;} .racing_wrap2 .char_swiper{position: relative;;max-width: 1200px;max-height: 970px;font-size: 0;width: 100%;margin-top: 7.5%;} .racing_wrap2 .char_swiper ul{max-height: 732px;} .racing_wrap2 .char_swiper li{width: 100%;display: block;margin: 0 auto;} .racing_wrap2 .char_swiper li.swiper-slide-active .char p, .racing_wrap2 .char_swiper li.swiper-slide-active .char .bg{transform: scale(1);} .racing_wrap2 .char_swiper li.swiper-slide-active .name strong{transform:translateY(0)} .racing_wrap2 .char_swiper li.swiper-slide-active .name span{opacity: 1;} .racing_wrap2 .char_swiper li::after{content: '';width: 100%;display: block;padding-top: 61%} .racing_wrap2 .char_swiper li .char{position: absolute;width: 100%;height: 100%;} .racing_wrap2 .char_swiper li .char p{transform: scale(.9);transform-origin: 50% 100%;transition: transform 1s ease;} .racing_wrap2 .char_swiper li .char .bg{transform: scale(1.3);transform-origin: 50% 50%;transition: transform 1.3s ease;} .racing_wrap2 .char_swiper li .char .bg, .racing_wrap2 .char_swiper li .char p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;} .racing_wrap2 .char_swiper li.char1 .char .bg{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/neo.png") center center/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char1 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/neo_char.png") center bottom/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char2 .char .bg{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/diz.png") center center/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char2 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/diz_char.png") center bottom/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char3 .char .bg{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/rave.png") center center/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char3 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/rave_char.png") center bottom/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char4 .char .bg{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/dao.png") center center/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char4 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/dao_char.png") center bottom/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char5 .char .bg{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/rex.png") center center/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char5 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/rex_char.png") center bottom/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char6 .char .bg{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/kephi.png") center center/auto 100% no-repeat;} .racing_wrap2 .char_swiper li.char6 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/racing/char/kephi_char.png") center bottom/auto 100% no-repeat;} .west .racing_wrap2 .char_swiper li .char p{height: 88%} .west .racing_wrap2 .char_swiper li .char .bg{display: none;} .west .racing_wrap2 .char_swiper li.char1 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season1/char/char2.png") center bottom/auto 100% no-repeat;} .west .racing_wrap2 .char_swiper li.char2 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/char1.png") center bottom/auto 100% no-repeat;} .west .racing_wrap2 .char_swiper li.char3 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season1/char/char5.png") center bottom/auto 100% no-repeat;} .west .racing_wrap2 .char_swiper li.char4 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season1/char/char4.png") center bottom/auto 100% no-repeat;} .west .racing_wrap2 .char_swiper li.char5 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season1/char/char3.png") center bottom/auto 100% no-repeat;} .west .racing_wrap2 .char_swiper li.char6 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season1/char/char6.png") center bottom/auto 100% no-repeat;} .ss2 .racing_wrap2 .char_swiper li.char1 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/char1.png") center bottom/auto 100% no-repeat;} .ss2 .racing_wrap2 .char_swiper li.char2 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/char2.png") center bottom/auto 100% no-repeat;} .ss2 .racing_wrap2 .char_swiper li.char3 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/char3.png") center bottom/auto 100% no-repeat;} .ss2 .racing_wrap2 .char_swiper li.char4 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/char4.png") center bottom/auto 100% no-repeat;} .ss2 .racing_wrap2 .char_swiper li.char5 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/char5.png") center bottom/auto 100% no-repeat;} .ss2 .racing_wrap2 .char_swiper li.char6 .char > p{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/char6.png") center bottom/auto 100% no-repeat;} .ss3 .racing_wrap2 .char_swiper li.char1 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/char1.png")} .ss3 .racing_wrap2 .char_swiper li.char2 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/char2.png")} .ss3 .racing_wrap2 .char_swiper li.char3 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/char3.png")} .ss3 .racing_wrap2 .char_swiper li.char4 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/char4.png")} .ss3 .racing_wrap2 .char_swiper li.char5 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/char5.png")} .ss4 .racing_wrap2 .char_swiper li.char1 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/char1.png")} .ss4 .racing_wrap2 .char_swiper li.char2 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/char2.png")} .ss4 .racing_wrap2 .char_swiper li.char3 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/char3.png")} .ss4 .racing_wrap2 .char_swiper li.char4 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/char4.png")} .ss4 .racing_wrap2 .char_swiper li.char5 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/char5.png")} .ss5 .racing_wrap2 .char_swiper li.char1 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/char1.png")} .ss5 .racing_wrap2 .char_swiper li.char2 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/char2.png")} .ss5 .racing_wrap2 .char_swiper li.char3 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/char3.png")} .ss5 .racing_wrap2 .char_swiper li.char4 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/char4.png")} .ss5 .racing_wrap2 .char_swiper li.char5 .char > p{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/char5.png")} .racing_wrap2 .char_swiper li .name{position: absolute;width: 100%;bottom: 0;letter-spacing: -0.05em;text-align: center;} .racing_wrap2 .char_swiper li .name strong{color: #FFF;font-size: 3.438rem;display: block;transform:translateY(-10px);transition: transform .5s ease;} .racing_wrap2 .char_swiper li .name span{color: #A7C3FF;font-size: 1.5rem;opacity: 0;transition: opacity .5s .3s;} .west .racing_wrap2 .char_swiper li .name span{color:#dde8f7} .racing_wrap2 .char_swiper .swiper-button-prev, .racing_wrap2 .char_swiper .swiper-button-next{max-width: 107px;width: 8.917%;text-indent: -1000000px;min-width: 52px;min-height: 63px;transform: translateY(-50%);} .racing_wrap2 .char_swiper .swiper-button-prev::after{padding-top:88.8%;width: 100%;display: block;content:'';background: url("https://lwi.nexon.com/kartdrift/gow/racing/btn_prev.png") 0 0/contain no-repeat;} .racing_wrap2 .char_swiper .swiper-button-next::after{padding-top:88.8%;width: 100%;display: block;content:'';background: url("https://lwi.nexon.com/kartdrift/gow/racing/btn_next.png") 0 0/contain no-repeat;} .racing_wrap2 .char_swiper .swiper-button-prev:hover::after{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/btn_prev_over.png")} .racing_wrap2 .char_swiper .swiper-button-next:hover::after{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/btn_next_over.png")} .racing_wrap2 .char_swiper .indicator{position: relative;width: 100%;max-height: 164px;margin:2% 0 4%;} .racing_wrap2 .char_swiper .indicator::after{content: '';display: block;padding-top: 16.701%} .racing_wrap2 .char_swiper .indicator .swiper-pagination{width: 100%;height: 100%;display: flex;justify-content:center} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet{width:16.666%;max-width: 169px;border-radius: 0;opacity: 1;height: 100%;background-color: transparent;background-size: cover;background-position-y: 100%} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet{background-position-y: 100%;} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position-y: 0;} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(1){background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/char/neo_thumb.png");} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(2){background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/char/diz_thumb.png");} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(3){background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/char/rave_thumb.png");} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(4){background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/char/dao_thumb.png");} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(5){background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/char/rex_thumb.png");} .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(6){background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/char/kephi_thumb.png");} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(1){background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/west/thumb2.png");} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(2){background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/west/thumb1.png");} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(3){background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/west/thumb5.png");} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(4){background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/west/thumb4.png");} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(5){background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/west/thumb3.png");} .west .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(6){background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/west/thumb6.png");} .ss2 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(1){background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/thumb1.png");} .ss2 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(2){background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/thumb2.png");} .ss2 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(3){background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/thumb3.png");} .ss2 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(4){background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/thumb4.png");} .ss2 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(5){background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/thumb5.png");} .ss2 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(6){background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/char/thumb6.png");} .ss3 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(1){background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/thumb1.png");} .ss3 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(2){background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/thumb2.png");} .ss3 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(3){background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/thumb3.png");} .ss3 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(4){background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/thumb4.png");} .ss3 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(5){background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/char/thumb5.png");} .ss4 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(1){background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/thumb1.png");} .ss4 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(2){background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/thumb2.png");} .ss4 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(3){background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/thumb3.png");} .ss4 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(4){background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/thumb4.png");} .ss4 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(5){background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/char/thumb5.png");} .ss5 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(1){background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/thumb1.png");} .ss5 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(2){background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/thumb2.png");} .ss5 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(3){background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/thumb3.png");} .ss5 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(4){background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/thumb4.png");} .ss5 .racing_wrap2 .char_swiper .indicator .swiper-pagination-bullet:nth-child(5){background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/char/thumb5.png");} .racing_section3{background: url("https://lwi.nexon.com/kartdrift/gow/racing/back2.png") center 0/cover no-repeat;padding-bottom: 8.75rem} .racing_wrap3{position: relative;display: flex;max-width: 1426px;width:100%;height: 100%;justify-content:flex-end} .racing_wrap3 .txt{width: 44%;letter-spacing: -0.03em;padding-top: 5%;} .racing_wrap3 h2{font-size: 3.438rem;line-height: 4.375rem;color: #fff;font-weight: 900;margin-bottom: 20px;} .racing_wrap3 .b_txt{font-size: 1.125rem;line-height: 1.75rem;color: #C4C4C4;} .racing_wrap3 .b_txt strong{font-weight: 500;color:#FFAD31;} .racing_wrap3 .obj{max-width: 705px;;background: url("https://lwi.nexon.com/kartdrift/gow/racing/obj1.png") right 50%/contain no-repeat;width: 49.439%} .racing_wrap3 .obj::after{content: '';display: block;width: 100%;padding-top: 59.859%} .racing_section4{background: url("https://lwi.nexon.com/kartdrift/gow/racing/back3.png") center 0/cover no-repeat;flex-direction: column;align-items: center;padding-left: 0;padding-right: 0;padding-bottom: 0;} .racing_wrap4{position: relative;display: flex;max-width: 1200px;width:100%;height: 100%;flex-direction: column;padding: 0 20px;} .racing_wrap4 h2{color: #fff;font-weight: 900;letter-spacing: -0.03em;font-size: 3.438rem;line-height: 4.375rem;margin-bottom: 2.875rem;} .racing_wrap4 .general{position: relative;display: flex;letter-spacing: -0.03em;align-items:center} .racing_wrap4 .general .pass{max-width: 213px;width: 17.75%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/box_general.png") 0 0/contain no-repeat;line-height: 5.375rem;position: relative;margin-right: 2%;min-width: 142px;} .racing_wrap4 .general .pass::after{content: '';display: block;padding-top: 40.38%;width: 100%;} .racing_wrap4 .general .pass span{color: #00D9FF;font-size: 1.25rem;display: flex;justify-content:center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;line-height: 1.25rem;padding:0 1rem} .racing_wrap4 .general .pass span::before{margin-top:5px;content: '';background: url("https://lwi.nexon.com/kartdrift/gow/racing/ico_general.png") 0 0/contain no-repeat;width: 1.75rem;height: 29.08%;min-width: 18px;margin-right: 4px;} .racing_wrap4 .general > p{color:#DCF1FF;font-size: 1.125rem;line-height: 1.75rem;letter-spacing: -0.03em;} .racing_wrap4 .general > p strong{color: #00D9FF;font-weight: 500;} .racing_wrap4 .premium{position: relative;display: flex;letter-spacing: -0.03em;align-items:center} .racing_wrap4 .premium .pass{max-width: 232px;width: 19.334%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/box_premium.png") 0 0/contain no-repeat;line-height: 5.375rem;position: relative;margin-right: 2%;min-width: 142px;} .racing_wrap4 .premium .pass::after{content: '';display: block;padding-top: 37.07%;width: 100%;} .racing_wrap4 .premium .pass span{color: #FFAE01;font-size: 1.25rem;display: flex;justify-content:center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;line-height: 1.25rem;padding:0 1rem} :lang(ja) .racing_wrap4 .general .pass span, :lang(ja) .racing_wrap4 .premium .pass span, :lang(zh) .racing_wrap4 .general .pass span, :lang(zh) .racing_wrap4 .premium .pass span{line-height: 0;} .racing_wrap4 .premium .pass span::before{margin-top:5px;content: '';background: url("https://lwi.nexon.com/kartdrift/gow/racing/ico_premium.png") 0 0/contain no-repeat;width: 1.75rem;height: 29.08%;min-width: 18px;margin-right: 4px;} .racing_wrap4 .premium > p{color:#6C4810;font-size: 1.125rem;line-height: 1.75rem;letter-spacing: -0.03em;} .racing_wrap4 .premium > p strong{color: #FFDAA3;font-weight: 500;} .racing_wrap4 .maximum{position: relative;display: flex;margin: 0 auto;width: 100%;align-items:center;justify-content:flex-end} .racing_wrap4 .maximum .article1{display: flex;flex-direction: column;align-items:center;text-align: center;width: 63%;} .racing_wrap4 .maximum .article1 h3{color: #482E06;font-weight: 900;font-size: 3.438rem;line-height: 4.375rem;width: 100%;} .west .racing_wrap4 .maximum .article1 h3{color: #000;} .ss2 .racing_wrap4 .maximum .article1 h3{color: #fff;} .racing_wrap4 .maximum .article1 > p{color: #694207;font-size: 1.375rem;line-height: 2.375rem;} .west .racing_wrap4 .maximum .article1 > p{color: #000;font-weight: 700;text-align: left;} .ss2 .racing_wrap4 .maximum .article1 > p{color: #DDE8F7;font-weight: 500;text-align: center;line-height: 1.875rem;margin-top: 25px;} .racing_wrap4 .maximum .article2{max-width: 549px;width:54.791%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/obj2.png") 0 0/contain no-repeat} .west .racing_wrap4 .maximum .article2{max-width: 544px;width:55.64%;background: url("https://lwi.nexon.com/kartdrift/gow/season1/west/obj2.png") 0 0/contain no-repeat} .racing_wrap4 .maximum .article2::after{display: block;width: 100%;content: '';padding-top: 110.566%} .west .racing_wrap4 .maximum .article2::after{padding-top: 97.25%;} .racing_wrap4 .pass_swiper{position: relative;;max-width: 1200px;max-height: 824px;font-size: 0;width: 100%;margin:1.75rem 0;overflow: hidden;min-height: 476px;} .racing_wrap4 .pass_swiper::after{content: '';width: 100%;display: block;padding-top: 68.667%} .racing_wrap4 .pass_swiper .scrollbar{bottom:50%;height: 2.5rem;left: 0;width: 100%;background: linear-gradient(180deg, #D7D7D7 0%, #F0F0F0 100%);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);border-radius: 100px;transform: translateY(50%);padding: 0 1%;position: absolute;z-index: 10;} .racing_wrap4 .pass_swiper .swiper-scrollbar{position: absolute;background: #C3BCBA;border-radius: 100px;height: 1rem;width: 98%;top: 50%;transform: translate(-50%, -50%);left: 50%;} .racing_wrap4 .pass_swiper .swiper-scrollbar-drag{height: 1rem;background-color: #fff;top: 50%;margin-top: -.5rem;} .racing_wrap4 .pass_swiper .swiper-scrollbar-drag::after{background: #1C55DF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);width: 1.875rem;height: 1.875rem;position: absolute;right: 0;top: 50%;content: '';border-radius: 50%;transform: translateY(-50%);} .racing_wrap4 .pass_swiper ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .racing_wrap4 .pass_swiper li{font-size: 1rem;max-width: 218px;width: 18.167%;height:100%;margin-right: 1.25rem;min-width: 130px;} .racing_wrap4 .pass_swiper li:last-child{margin-right: 0;} .racing_wrap4 .pass_swiper li > div{position: absolute;width: 100%;height: 39.078%;left: 0;background-repeat: no-repeat;background-size: 100% auto;line-height: 1rem;} .racing_wrap4 .pass_swiper li > div p{position: absolute;width: 100%;left: 0;text-align: center;font-family: 'Roboto';font-weight: 700;color: #fff;bottom: 0;font-size: 1rem;height: 2.813rem;padding:0 5%;display: flex;align-items: center;justify-content: center;} :lang(ja) .racing_wrap4 .pass_swiper li > div p{letter-spacing: -0.1em;} .racing_wrap4 .pass_swiper li.lv01 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv01.png")} .racing_wrap4 .pass_swiper li.lv02 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv02.png")} .racing_wrap4 .pass_swiper li.lv03 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv03.png")} .racing_wrap4 .pass_swiper li.lv04 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv04.png")} .racing_wrap4 .pass_swiper li.lv05 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv05.png")} .racing_wrap4 .pass_swiper li.lv06 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv06.png")} .racing_wrap4 .pass_swiper li.lv07 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv07.png")} .racing_wrap4 .pass_swiper li.lv08 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv08.png")} .racing_wrap4 .pass_swiper li.lv09 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv09.png")} .racing_wrap4 .pass_swiper li.lv10 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv10.png")} .racing_wrap4 .pass_swiper li.lv11 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv11.png")} .racing_wrap4 .pass_swiper li.lv12 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv12.png")} .racing_wrap4 .pass_swiper li.lv13 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv13.png")} .racing_wrap4 .pass_swiper li.lv14 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv14.png")} .racing_wrap4 .pass_swiper li.lv15 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv15.png")} .racing_wrap4 .pass_swiper li.lv16 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv16.png")} .racing_wrap4 .pass_swiper li.lv17 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv17.png")} .racing_wrap4 .pass_swiper li.lv18 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv18.png")} .racing_wrap4 .pass_swiper li.lv19 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv19.png")} .racing_wrap4 .pass_swiper li.lv20 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv20.png")} .racing_wrap4 .pass_swiper li.lv21 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv21.png")} .racing_wrap4 .pass_swiper li.lv22 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv22.png")} .racing_wrap4 .pass_swiper li.lv23 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv23.png")} .racing_wrap4 .pass_swiper li.lv24 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv24.png")} .racing_wrap4 .pass_swiper li.lv25 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv25.png")} .racing_wrap4 .pass_swiper li.lv26 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv26.png")} .racing_wrap4 .pass_swiper li.lv27 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv27.png")} .racing_wrap4 .pass_swiper li.lv28 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv28.png")} .racing_wrap4 .pass_swiper li.lv29 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv29.png")} .racing_wrap4 .pass_swiper li.lv30 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv30.png")} .racing_wrap4 .pass_swiper li.lv31 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv31.png")} .racing_wrap4 .pass_swiper li.lv32 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv32.png")} .racing_wrap4 .pass_swiper li.lv33 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv33.png")} .racing_wrap4 .pass_swiper li.lv34 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv34.png")} .racing_wrap4 .pass_swiper li.lv35 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv35.png")} .racing_wrap4 .pass_swiper li.lv36 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv36.png")} .racing_wrap4 .pass_swiper li.lv37 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv37.png")} .racing_wrap4 .pass_swiper li.lv38 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv38.png")} .racing_wrap4 .pass_swiper li.lv39 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv39.png")} .racing_wrap4 .pass_swiper li.lv40 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/level/lv40.png")} .west .racing_wrap4 .pass_swiper li.lv01 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv01.png")} .west .racing_wrap4 .pass_swiper li.lv02 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv02.png")} .west .racing_wrap4 .pass_swiper li.lv03 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv03.png")} .west .racing_wrap4 .pass_swiper li.lv04 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv04.png")} .west .racing_wrap4 .pass_swiper li.lv05 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv05.png")} .west .racing_wrap4 .pass_swiper li.lv06 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv06.png")} .west .racing_wrap4 .pass_swiper li.lv07 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv07.png")} .west .racing_wrap4 .pass_swiper li.lv08 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv08.png")} .west .racing_wrap4 .pass_swiper li.lv09 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv09.png")} .west .racing_wrap4 .pass_swiper li.lv10 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv10.png")} .west .racing_wrap4 .pass_swiper li.lv11 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv11.png")} .west .racing_wrap4 .pass_swiper li.lv12 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv12.png")} .west .racing_wrap4 .pass_swiper li.lv13 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv13.png")} .west .racing_wrap4 .pass_swiper li.lv14 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv14.png")} .west .racing_wrap4 .pass_swiper li.lv15 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv15.png")} .west .racing_wrap4 .pass_swiper li.lv16 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv16.png")} .west .racing_wrap4 .pass_swiper li.lv17 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv17.png")} .west .racing_wrap4 .pass_swiper li.lv18 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv18.png")} .west .racing_wrap4 .pass_swiper li.lv19 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv19.png")} .west .racing_wrap4 .pass_swiper li.lv20 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv20.png")} .west .racing_wrap4 .pass_swiper li.lv21 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv21.png")} .west .racing_wrap4 .pass_swiper li.lv22 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv22.png")} .west .racing_wrap4 .pass_swiper li.lv23 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv23.png")} .west .racing_wrap4 .pass_swiper li.lv24 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv24.png")} .west .racing_wrap4 .pass_swiper li.lv25 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv25.png")} .west .racing_wrap4 .pass_swiper li.lv26 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv26.png")} .west .racing_wrap4 .pass_swiper li.lv27 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv27.png")} .west .racing_wrap4 .pass_swiper li.lv28 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv28.png")} .west .racing_wrap4 .pass_swiper li.lv29 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv29.png")} .west .racing_wrap4 .pass_swiper li.lv30 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv30.png")} .west .racing_wrap4 .pass_swiper li.lv31 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv31.png")} .west .racing_wrap4 .pass_swiper li.lv32 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv32.png")} .west .racing_wrap4 .pass_swiper li.lv33 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv33.png")} .west .racing_wrap4 .pass_swiper li.lv34 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv34.png")} .west .racing_wrap4 .pass_swiper li.lv35 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv35.png")} .west .racing_wrap4 .pass_swiper li.lv36 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv36.png")} .west .racing_wrap4 .pass_swiper li.lv37 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv37.png")} .west .racing_wrap4 .pass_swiper li.lv38 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv38.png")} .west .racing_wrap4 .pass_swiper li.lv39 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv39.png")} .west .racing_wrap4 .pass_swiper li.lv40 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/lv40.png")} .west .racing_wrap4 .pass_swiper .scrollbar{background: #2A2A2A;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);border-radius: 8px;padding: 0 4%;} .west .racing_wrap4 .pass_swiper .scrollbar::before{content: '';position: absolute;height: 100%;top: 0;left: 0;background: url("https://lwi.nexon.com/kartdrift/gow/season1/level/scroll_prev.png") 0 0/cover no-repeat;width: 2.625rem;transition: background-image .3s ease;} .west .racing_wrap4 .pass_swiper .scrollbar::after{content: '';position: absolute;height: 100%;top: 0;right: 0;background: url("https://lwi.nexon.com/kartdrift/gow/season1/level/scroll_next.png") 0 0/cover no-repeat;width: 2.625rem;transition: background-image .3s ease;} .west .racing_wrap4 .pass_swiper .scrollbar:hover::before{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/scroll_prev_over.png")} .west .racing_wrap4 .pass_swiper .scrollbar:hover::after{background-image: url("https://lwi.nexon.com/kartdrift/gow/season1/level/scroll_next_over.png")} .west .racing_wrap4 .pass_swiper .swiper-scrollbar{background: #2A2A2A;height: 100%;border-radius: 0;width: 92%;} .west .racing_wrap4 .pass_swiper .swiper-scrollbar-drag{height: 80%;background-color: #777;margin-top: -1rem;border-radius: 4px;} .west .racing_wrap4 .pass_swiper .swiper-scrollbar-drag::after{display: none;} .ss2 .racing_wrap4 .pass_swiper li.lv01 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv01.png")} .ss2 .racing_wrap4 .pass_swiper li.lv02 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv02.png")} .ss2 .racing_wrap4 .pass_swiper li.lv03 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv03.png")} .ss2 .racing_wrap4 .pass_swiper li.lv04 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv04.png")} .ss2 .racing_wrap4 .pass_swiper li.lv05 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv05.png")} .ss2 .racing_wrap4 .pass_swiper li.lv06 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv06.png")} .ss2 .racing_wrap4 .pass_swiper li.lv07 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv07.png")} .ss2 .racing_wrap4 .pass_swiper li.lv08 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv08.png")} .ss2 .racing_wrap4 .pass_swiper li.lv09 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv09.png")} .ss2 .racing_wrap4 .pass_swiper li.lv10 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv10.png")} .ss2 .racing_wrap4 .pass_swiper li.lv11 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv11.png")} .ss2 .racing_wrap4 .pass_swiper li.lv12 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv12.png")} .ss2 .racing_wrap4 .pass_swiper li.lv13 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv13.png")} .ss2 .racing_wrap4 .pass_swiper li.lv14 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv14.png")} .ss2 .racing_wrap4 .pass_swiper li.lv15 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv15.png")} .ss2 .racing_wrap4 .pass_swiper li.lv16 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv16.png")} .ss2 .racing_wrap4 .pass_swiper li.lv17 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv17.png")} .ss2 .racing_wrap4 .pass_swiper li.lv18 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv18.png")} .ss2 .racing_wrap4 .pass_swiper li.lv19 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv19.png")} .ss2 .racing_wrap4 .pass_swiper li.lv20 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv20.png")} .ss2 .racing_wrap4 .pass_swiper li.lv21 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv21.png")} .ss2 .racing_wrap4 .pass_swiper li.lv22 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv22.png")} .ss2 .racing_wrap4 .pass_swiper li.lv23 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv23.png")} .ss2 .racing_wrap4 .pass_swiper li.lv24 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv24.png")} .ss2 .racing_wrap4 .pass_swiper li.lv25 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv25.png")} .ss2 .racing_wrap4 .pass_swiper li.lv26 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv26.png")} .ss2 .racing_wrap4 .pass_swiper li.lv27 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv27.png")} .ss2 .racing_wrap4 .pass_swiper li.lv28 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv28.png")} .ss2 .racing_wrap4 .pass_swiper li.lv29 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv29.png")} .ss2 .racing_wrap4 .pass_swiper li.lv30 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv30.png")} .ss2 .racing_wrap4 .pass_swiper li.lv31 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv31.png")} .ss2 .racing_wrap4 .pass_swiper li.lv32 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv32.png")} .ss2 .racing_wrap4 .pass_swiper li.lv33 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv33.png")} .ss2 .racing_wrap4 .pass_swiper li.lv34 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv34.png")} .ss2 .racing_wrap4 .pass_swiper li.lv35 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv35.png")} .ss2 .racing_wrap4 .pass_swiper li.lv36 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv36.png")} .ss2 .racing_wrap4 .pass_swiper li.lv37 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv37.png")} .ss2 .racing_wrap4 .pass_swiper li.lv38 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv38.png")} .ss2 .racing_wrap4 .pass_swiper li.lv39 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv39.png")} .ss2 .racing_wrap4 .pass_swiper li.lv40 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/level/lv40.png")} .ss3 .racing_wrap4 .pass_swiper li.lv01 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv01.png")} .ss3 .racing_wrap4 .pass_swiper li.lv02 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv02.png")} .ss3 .racing_wrap4 .pass_swiper li.lv03 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv03.png")} .ss3 .racing_wrap4 .pass_swiper li.lv04 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv04.png")} .ss3 .racing_wrap4 .pass_swiper li.lv05 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv05.png")} .ss3 .racing_wrap4 .pass_swiper li.lv06 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv06.png")} .ss3 .racing_wrap4 .pass_swiper li.lv07 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv07.png")} .ss3 .racing_wrap4 .pass_swiper li.lv08 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv08.png")} .ss3 .racing_wrap4 .pass_swiper li.lv09 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv09.png")} .ss3 .racing_wrap4 .pass_swiper li.lv10 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv10.png")} .ss3 .racing_wrap4 .pass_swiper li.lv11 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv11.png")} .ss3 .racing_wrap4 .pass_swiper li.lv12 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv12.png")} .ss3 .racing_wrap4 .pass_swiper li.lv13 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv13.png")} .ss3 .racing_wrap4 .pass_swiper li.lv14 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv14.png")} .ss3 .racing_wrap4 .pass_swiper li.lv15 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv15.png")} .ss3 .racing_wrap4 .pass_swiper li.lv16 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv16.png")} .ss3 .racing_wrap4 .pass_swiper li.lv17 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv17.png")} .ss3 .racing_wrap4 .pass_swiper li.lv18 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv18.png")} .ss3 .racing_wrap4 .pass_swiper li.lv19 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv19.png")} .ss3 .racing_wrap4 .pass_swiper li.lv20 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv20.png")} .ss3 .racing_wrap4 .pass_swiper li.lv21 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv21.png")} .ss3 .racing_wrap4 .pass_swiper li.lv22 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv22.png")} .ss3 .racing_wrap4 .pass_swiper li.lv23 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv23.png")} .ss3 .racing_wrap4 .pass_swiper li.lv24 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv24.png")} .ss3 .racing_wrap4 .pass_swiper li.lv25 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv25.png")} .ss3 .racing_wrap4 .pass_swiper li.lv26 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv26.png")} .ss3 .racing_wrap4 .pass_swiper li.lv27 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv27.png")} .ss3 .racing_wrap4 .pass_swiper li.lv28 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv28.png")} .ss3 .racing_wrap4 .pass_swiper li.lv29 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv29.png")} .ss3 .racing_wrap4 .pass_swiper li.lv30 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv30.png")} .ss3 .racing_wrap4 .pass_swiper li.lv31 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv31.png")} .ss3 .racing_wrap4 .pass_swiper li.lv32 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv32.png")} .ss3 .racing_wrap4 .pass_swiper li.lv33 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv33.png")} .ss3 .racing_wrap4 .pass_swiper li.lv34 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv34.png")} .ss3 .racing_wrap4 .pass_swiper li.lv35 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv35.png")} .ss3 .racing_wrap4 .pass_swiper li.lv36 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv36.png")} .ss3 .racing_wrap4 .pass_swiper li.lv37 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv37.png")} .ss3 .racing_wrap4 .pass_swiper li.lv38 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv38.png")} .ss3 .racing_wrap4 .pass_swiper li.lv39 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv39.png")} .ss3 .racing_wrap4 .pass_swiper li.lv40 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/level/lv40.png")} .ss4 .racing_wrap4 .pass_swiper li.lv01 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv01.png")} .ss4 .racing_wrap4 .pass_swiper li.lv02 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv02.png")} .ss4 .racing_wrap4 .pass_swiper li.lv03 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv03.png")} .ss4 .racing_wrap4 .pass_swiper li.lv04 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv04.png")} .ss4 .racing_wrap4 .pass_swiper li.lv05 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv05.png")} .ss4 .racing_wrap4 .pass_swiper li.lv06 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv06.png")} .ss4 .racing_wrap4 .pass_swiper li.lv07 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv07.png")} .ss4 .racing_wrap4 .pass_swiper li.lv08 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv08.png")} .ss4 .racing_wrap4 .pass_swiper li.lv09 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv09.png")} .ss4 .racing_wrap4 .pass_swiper li.lv10 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv10.png")} .ss4 .racing_wrap4 .pass_swiper li.lv11 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv11.png")} .ss4 .racing_wrap4 .pass_swiper li.lv12 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv12.png")} .ss4 .racing_wrap4 .pass_swiper li.lv13 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv13.png")} .ss4 .racing_wrap4 .pass_swiper li.lv14 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv14.png")} .ss4 .racing_wrap4 .pass_swiper li.lv15 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv15.png")} .ss4 .racing_wrap4 .pass_swiper li.lv16 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv16.png")} .ss4 .racing_wrap4 .pass_swiper li.lv17 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv17.png")} .ss4 .racing_wrap4 .pass_swiper li.lv18 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv18.png")} .ss4 .racing_wrap4 .pass_swiper li.lv19 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv19.png")} .ss4 .racing_wrap4 .pass_swiper li.lv20 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv20.png")} .ss4 .racing_wrap4 .pass_swiper li.lv21 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv21.png")} .ss4 .racing_wrap4 .pass_swiper li.lv22 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv22.png")} .ss4 .racing_wrap4 .pass_swiper li.lv23 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv23.png")} .ss4 .racing_wrap4 .pass_swiper li.lv24 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv24.png")} .ss4 .racing_wrap4 .pass_swiper li.lv25 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv25.png")} .ss4 .racing_wrap4 .pass_swiper li.lv26 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv26.png")} .ss4 .racing_wrap4 .pass_swiper li.lv27 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv27.png")} .ss4 .racing_wrap4 .pass_swiper li.lv28 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv28.png")} .ss4 .racing_wrap4 .pass_swiper li.lv29 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv29.png")} .ss4 .racing_wrap4 .pass_swiper li.lv30 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv30.png")} .ss4 .racing_wrap4 .pass_swiper li.lv31 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv31.png")} .ss4 .racing_wrap4 .pass_swiper li.lv32 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv32.png")} .ss4 .racing_wrap4 .pass_swiper li.lv33 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv33.png")} .ss4 .racing_wrap4 .pass_swiper li.lv34 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv34.png")} .ss4 .racing_wrap4 .pass_swiper li.lv35 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv35.png")} .ss4 .racing_wrap4 .pass_swiper li.lv36 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv36.png")} .ss4 .racing_wrap4 .pass_swiper li.lv37 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv37.png")} .ss4 .racing_wrap4 .pass_swiper li.lv38 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv38.png")} .ss4 .racing_wrap4 .pass_swiper li.lv39 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv39.png")} .ss4 .racing_wrap4 .pass_swiper li.lv40 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/level/lv40.png")} .ss5 .racing_wrap4 .pass_swiper li.lv01 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv01.png")} .ss5 .racing_wrap4 .pass_swiper li.lv02 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv02.png")} .ss5 .racing_wrap4 .pass_swiper li.lv03 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv03.png")} .ss5 .racing_wrap4 .pass_swiper li.lv04 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv04.png")} .ss5 .racing_wrap4 .pass_swiper li.lv05 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv05.png")} .ss5 .racing_wrap4 .pass_swiper li.lv06 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv06.png")} .ss5 .racing_wrap4 .pass_swiper li.lv07 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv07.png")} .ss5 .racing_wrap4 .pass_swiper li.lv08 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv08.png")} .ss5 .racing_wrap4 .pass_swiper li.lv09 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv09.png")} .ss5 .racing_wrap4 .pass_swiper li.lv10 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv10.png")} .ss5 .racing_wrap4 .pass_swiper li.lv11 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv11.png")} .ss5 .racing_wrap4 .pass_swiper li.lv12 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv12.png")} .ss5 .racing_wrap4 .pass_swiper li.lv13 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv13.png")} .ss5 .racing_wrap4 .pass_swiper li.lv14 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv14.png")} .ss5 .racing_wrap4 .pass_swiper li.lv15 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv15.png")} .ss5 .racing_wrap4 .pass_swiper li.lv16 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv16.png")} .ss5 .racing_wrap4 .pass_swiper li.lv17 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv17.png")} .ss5 .racing_wrap4 .pass_swiper li.lv18 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv18.png")} .ss5 .racing_wrap4 .pass_swiper li.lv19 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv19.png")} .ss5 .racing_wrap4 .pass_swiper li.lv20 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv20.png")} .ss5 .racing_wrap4 .pass_swiper li.lv21 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv21.png")} .ss5 .racing_wrap4 .pass_swiper li.lv22 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv22.png")} .ss5 .racing_wrap4 .pass_swiper li.lv23 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv23.png")} .ss5 .racing_wrap4 .pass_swiper li.lv24 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv24.png")} .ss5 .racing_wrap4 .pass_swiper li.lv25 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv25.png")} .ss5 .racing_wrap4 .pass_swiper li.lv26 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv26.png")} .ss5 .racing_wrap4 .pass_swiper li.lv27 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv27.png")} .ss5 .racing_wrap4 .pass_swiper li.lv28 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv28.png")} .ss5 .racing_wrap4 .pass_swiper li.lv29 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv29.png")} .ss5 .racing_wrap4 .pass_swiper li.lv30 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv30.png")} .ss5 .racing_wrap4 .pass_swiper li.lv31 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv31.png")} .ss5 .racing_wrap4 .pass_swiper li.lv32 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv32.png")} .ss5 .racing_wrap4 .pass_swiper li.lv33 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv33.png")} .ss5 .racing_wrap4 .pass_swiper li.lv34 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv34.png")} .ss5 .racing_wrap4 .pass_swiper li.lv35 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv35.png")} .ss5 .racing_wrap4 .pass_swiper li.lv36 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv36.png")} .ss5 .racing_wrap4 .pass_swiper li.lv37 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv37.png")} .ss5 .racing_wrap4 .pass_swiper li.lv38 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv38.png")} .ss5 .racing_wrap4 .pass_swiper li.lv39 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv39.png")} .ss5 .racing_wrap4 .pass_swiper li.lv40 > div{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/level/lv40.png")} .racing_wrap4 .pass_swiper li .g{top: 3.642%;} .racing_wrap4 .pass_swiper li .p{bottom: 3.642%;background-position-y: 100%;} /* .racing_wrap4 .pass_swiper li.lv10 .g, .racing_wrap4 .pass_swiper li.lv20 .g, .racing_wrap4 .pass_swiper li.lv30 .g, .racing_wrap4 .pass_swiper li.lv40 .g{top: 0;} .racing_wrap4 .pass_swiper li.lv10 .p, .racing_wrap4 .pass_swiper li.lv20 .p, .racing_wrap4 .pass_swiper li.lv30 .p, .racing_wrap4 .pass_swiper li.lv40 .p{bottom: 0;} .racing_wrap4 .pass_swiper li.lv10, .racing_wrap4 .pass_swiper li.lv20, .racing_wrap4 .pass_swiper li.lv30, .racing_wrap4 .pass_swiper li.lv40{max-width: 248px;width: 20.667%;min-width: 148px;} .racing_wrap4 .pass_swiper li.lv10 > div, .racing_wrap4 .pass_swiper li.lv20 > div, .racing_wrap4 .pass_swiper li.lv30 > div, .racing_wrap4 .pass_swiper li.lv40 > div{height:42.72%} */ .racing_section4 .racing_pass{position: relative;display: flex;width:100%;height: 100%;flex-direction: column;align-items:center} .racing_section4 .racing_pass .bg{position: absolute;width: 100%;left: 0;right: 0;bottom: 0;height: 50%;background-color: #FFA115;} .racing_section4 .bottom{position: relative;display: flex;width:100%;height: 100%;flex-direction: column;background: #FFA115 url("https://lwi.nexon.com/kartdrift/gow/racing/union.png") 100% 85%/auto 16.77% no-repeat;padding-bottom:5rem;align-items:center} .west .racing_section4 .bottom{background-position-y: 100%;} .racing_section4-2{position: relative;width: 100%;height: 100%;padding:10rem 20px 12.5rem;display: flex;justify-content:center;} .racing_section4-2 .bottom{position: relative;display: flex;width:100%;height: 100%;flex-direction: column;align-items:center} .racing_section4-2 .racing_wrap4{max-width: 1400px;} .ss2 .racing_section4-2{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/back4.png") center 0/cover no-repeat;} .ss2 .racing_wrap4 .maximum{justify-content: flex-start;} .ss3 .racing_section4-2{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/back4.png")} .ss4 .racing_section4-2{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/back4.png")} .ss5 .racing_section4-2{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/back4.jpg")} .racing_section5{background-color:#F4F2EF} .racing_wrap5{position: relative;display: flex;max-width: 1080px;width:100%;height: 100%;flex-direction: column;align-items:center} .racing_wrap5 h2{color:#282828;font-size: 3.438rem;line-height: 3.438rem;letter-spacing: -0.05em;font-weight: 900;text-align: center;} .racing_wrap5 .qna{position: relative;margin: 5% 0;width: 100%;border-top: 1px solid #5F5F5F;} .racing_wrap5 .qna li{border-bottom: 1px solid #5F5F5F;text-align: left;letter-spacing: -0.05em;} .racing_wrap5 .qna li p{display: none;border-top: 1px solid #ddd;font-size: 1rem;line-height: 1.5rem;padding:2% 20px;color: #0077FF;} .racing_wrap5 .qna li p > span{display: block} .racing_wrap5 .qna li p > span.term{margin-top: .5rem;} .racing_wrap5 .qna li.active p{display: block;} .racing_wrap5 .qna li button{display: block;width: 100%;text-align: left;color:#3B3B3B;font-size: 1rem;line-height: 1.25rem;padding:2% 20px;position: relative;} .racing_wrap5 .qna li button::after{content:'';width: 11px;height: 8px;position: absolute;top: 50%;right:1%;background: url("https://lwi.nexon.com/kartdrift/gow/racing/arrow_qna.png") 0 0/contain no-repeat;transform:translateY(-50%);transform-origin: 50% 50%;transition: all .3s ease;} .racing_wrap5 .qna li.active button::after{transform:translateY(-50%) rotateX(-180deg)} .racing_wrap5 .more{background: #F9F9F9;border-radius: 6px;display: flex;align-items:center;letter-spacing: -0.03em;width: 100%;justify-content:center;line-height:3.625rem} .racing_wrap5 .more span{color: #3B3B3B;font-size: 0.938rem;} .racing_wrap5 .more a{color: #fff;font-size: 0.813rem;background: #0077FF;border-radius: 100px;line-height: 1.875rem;padding:0 2.73%;margin-left: 10px;} /* 레이어 */ .modal_wrap {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;display: none;} .modal_wrap.modal_fixed {position: fixed;padding-top: 0;} .modal_wrap.modal_fixed .modal_body {align-items: center; } .modal_wrap .dimmed {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.8 } .modal_wrap .modal_body {width: 100%;height: 100vh;display: flex;justify-content: center;align-items: flex-start;} .modal_wrap .modal_contents {position: relative;min-width: 300px; max-width: 960px; padding: 30px 60px; background-color: #292929;border-top:2px solid #FFE600;border-bottom:2px solid #3284FF;width:90%} .modal_wrap .modal_contents::before{content: '';position: absolute;top: 0;left: 0;width: 278px;height: 100%;background: url("https://lwi.nexon.com/kartdrift/gow/common/bg_layer_t.png") no-repeat;background-size: contain;} .modal_wrap .modal_contents::after{content: '';position: absolute;top: 0;right: 0;width: 322px;height: 100%;background: url("https://lwi.nexon.com/kartdrift/gow/common/bg_layer_b.png") right bottom no-repeat;background-size: contain;} .modal_wrap .modal_contents .inner{position: relative;z-index: 1;display: flex; flex-direction: column;height: 100%;} .modal_wrap .btn_close {position: absolute;top: 0px;right: 0px;width: 56px;height: 50px;text-indent: -100000px;overflow: hidden;z-index: 1;border-left: 1px solid #FFE600;} .modal_wrap .btn_close::before{content: '';position: absolute;width: 0;height: 100%;left: 0;top: 0;background-color: #FFE600;transition: width .2s ease;} .modal_wrap .btn_close::after{content: '';position: absolute;left: 0;top: 0;background: url("https://lwi.nexon.com/kartdrift/gow/common/btn_close_y.png") no-repeat;background-size: contain;width: 100%;height: 100%;transition: all .4s ease;} .modal_wrap .modal_btn {align-self: center;padding-top: 35px;display: flex;justify-content: center;} .mobile .modal_wrap .modal_btn {padding-top: 15px;} .modal_wrap .modal_btn button {height: 46px;line-height: 2.75rem;padding: 0 40px;margin: 0 2px;color: #282828;font-size: 0.938rem;font-weight: 700;border-radius: 60px;background-color:#fff;transition: all 0.2s ease-out;min-width: 120px;border: 1px solid #282828;} .mobile .modal_wrap .modal_btn button{height: 31px;line-height: 1.813rem;} .modal_wrap .modal_btn button:hover {background-color:#4096FB;color:#fff} #popPlatform .modal_btn .btn_ok {background-color:#4096FB;color:#fff } #popPlatform .modal_btn .btn_ok:hover {background-color:#fff;color:#282828} .modal_wrap .modal_btn .btn_check{min-width: 170px;} .modal_wrap .modal_btn .btn_check::before{content: '';display: inline-block;width: 19px;height: 18px;margin-right: 3px;vertical-align: middle;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico_check.png") no-repeat;background-size: contain;margin-top:2px} .mobile .modal_wrap .modal_btn .btn_check::before{margin-top: -4px;} .modal_wrap h2{font-weight: 700;font-size: 1.563rem;line-height: 2.25rem;letter-spacing: -0.03em;color: #FFFFFF;text-align: center;} .modal_wrap p{font-size: 1rem;line-height: 1.438rem;letter-spacing: -0.03em;color: #C4C4C4;text-align: center;} .modal_wrap p strong{color: #fff;} .mobile .modal_wrap p{font-weight: 400;} .modal_wrap p.noti{background: #C1C1C1;border-radius: 5px;margin-top: 28px;padding:0 28px;font-weight: 500;color: #292929; font-size: 16px; line-height: 23px;} #popConfirm{z-index: 1001;} #popAlert{z-index: 1002;} #popAlert .modal_contents, #popConfirm .modal_contents{background: #FFFFFF;border: 1px solid #3B3B3B;box-shadow: 0px 9px 7px rgba(0, 0, 0, 0.03), 0px 5px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.1);width: auto;padding: 75px 20px 30px 25px;min-height: 190px;max-width: 400px;} #popAlert .btn_close, #popConfirm .btn_close{background-color: #FFCD0A;width: 35px;height: 35px;} #popConfirm .btn_close::after, #popAlert .btn_close::after{background: url("https://lwi.nexon.com/kartdrift/gow/common/btn_close_b.png") no-repeat;background-size: contain;} #popAlert .modal_contents::before, #popConfirm .modal_contents::before{width: 92px;height: 30px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/logo_g.svg") no-repeat;left: 20px;top: 20px;} #popAlert .modal_btn button, #popConfirm .modal_btn button {height: 28px;line-height: 26px;} #popAlert .modal_btn, #popConfirm .modal_btn{justify-content: left;} #popAlert .modal_contents::after, #popConfirm .modal_contents::after, #popCopyright .modal_contents::after, #popRanking .modal_contents::after, #popInfo .modal_contents::after, #popInfo .modal_contents::before, #popVod .modal_contents::after, #popVod .modal_contents::before, #popImg .modal_contents::after, #popImg .modal_contents::before, #popConfirm .btn_close::before{display: none;} #popInfo .modal_contents, #popCopyright .modal_contents, #popRanking .modal_contents{border: 0;min-height: 320px;background:#ECECEC url("https://lwi.nexon.com/kartdrift/gow/common/bg_layer_r.svg") right top no-repeat;padding: 55px;} #popInfo .modal_contents{max-width: 600px;padding:50px} #popVod .modal_contents, #popImg .modal_contents{border: 0;background:transparent;padding: 0;max-width: 1280px;width: fit-content;} #popVod .modal_contents{width: 100%;} #popVod .modal_contents .inner::after{position: relative;width: 100%;height: 100%;padding-top:56.25%;display: block;content: '';} /* #popImg .modal_contents .inner::after{position: relative;width: 100%;height: 100%;padding-top:62.11%;display: block;content: '';} */ #popInfo .btn_close, #popCopyright .btn_close, #popRanking .btn_close, #popVod.modal_fixed .btn_close, #popImg.modal_fixed .btn_close{border: 0;top: -64px;right: 0;} #popVod .btn_close, #popImg .btn_close{border: 0;top: 0;right: -56px;} #popVod iframe{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;} #popImg .img{display: block;width: 100%;height: 100%;position: relative;z-index: 1;background-color: #000;font-size: 0;} #popImg .down{display: block;width: 100%;position: relative;z-index: 1;background-color: #F4F2EF;display: flex;align-items:center;padding:1.25rem 1.688rem;} #popImg .down a{font-family: 'Barlow Condensed';font-style: italic; font-weight: 700;font-size: 1.25rem;color: #282828;border: 0px solid #282828;width: 1100%;align-items: center;justify-content: flex-start;display: flex;position: relative;} #popImg .down a span{z-index: 1;} #popImg .down a i{display: inline-block;max-width: 32px;width: 22.14%;background: url("https://lwi.nexon.com/kartdrift/gow/artwork/btn_down.png") 0 0/contain no-repeat;z-index: 1;} #popImg .down a i::after{display: block;content: '';width: 100%;padding-top: 100%} #popCopyright p{font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 0.813rem;line-height: 1.438rem;color: #000} #popCopyright .modal_contents::before, #popRanking .modal_contents::before{width: 140px;height: 45px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/logo.svg") no-repeat;top: -60px;} #popCopyright .inner i{display: inline-block;vertical-align: middle;background-repeat:no-repeat;background-size: contain;} #popCopyright .ps_logo1{width: 26px;height: 22px;background-image: url("https://lwi.nexon.com/kartdrift/gow/common/logo_ps1.png")} #popCopyright .ps_logo2{width: 54px;height: 15px;background-image: url("https://lwi.nexon.com/kartdrift/gow/common/logo_ps2.png")} #popCopyright .ps_logo3{width: 20px;height: 20px;background-image: url("https://lwi.nexon.com/kartdrift/gow/common/logo_ps3.png")} #popCopyright .logo_plat{display: block;width: 462px;height: 22px;background: url("https://lwi.nexon.com/kartdrift/gow/common/layer_platform.png") no-repeat;background-size: contain;margin-top: 30px;} #popRanking .modal_contents{max-width:500px; min-height:350px;padding:55px 50px 55px 40px;background:#ECECEC url("https://lwi.nexon.com/kartdrift/gow/common/bg_layer_r.svg") 104px 100px no-repeat;} #popRanking .inner {display: flex;justify-content: center;align-items: center;flex-shrink: 0;min-height:240px;} #popRanking ul.pop_rk_list li {padding-left:14px;background:url(https://lwi.nexon.com/kartdrift/gow/ranking/pop_rk_list_ic.png) no-repeat left 11px;color: #000;font-size: 16px;line-height:26px;letter-spacing:-0.5px;font-weight: 400;} .S5_Illustration_5261x8600{max-width: 700px;width: 100%;} #popPlatform .pc{display: flex;flex-direction: column;align-items: center;} .mobile #popPlatform .pc{display: none;} .mobile #popPlatform .mobile{display: block;} #popPlatform .mobile{display: none;} #popPlatform .pc h2{padding:25px 0 10px 0} #popPlatform .mobile h2{font-size: 15px; line-height: 1.375rem;color: #C4C4C4;margin:0px 0 30px 0;line-height: 20px;} #popPlatform .mobile h2::before{content: '';display: inline-block;width: 9px;height: 9px;margin-right: 3px;vertical-align: middle;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico_plat.png") no-repeat;background-size: contain;margin-top: -4px;display: none;} /* :lang(ko) #popPlatform .mobile h2{opacity: 1;} */ #popPlatform .mobile .box{display: flex;flex-direction: column;margin:20px 0;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 5px;padding:15px;align-items: center;} #popPlatform .mobile .app_download{width: 100%;justify-content:center;margin:10px} #popPlatform .mobile .app_download a{max-width: 118px;width:48%;height: 48px;background: #373737 url(https://lwi.nexon.com/kartdrift/gow/pre/plat_ios.png) 50% 50% no-repeat;border: 1px solid #FFFFFF;border-radius: 5px;background-size: 48px auto;margin:0 5px} #popPlatform .mobile .app_download .google{background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/plat_android.png);background-size: 80px auto;} #popPlatform .mobile p{text-align: center;} #popPlatform .mobile p.highlight{background: #171717;border-radius: 20px;font-weight: 400;font-size: 0.75rem;color: #FFE600;margin: 10px 0;padding:4px 0} #popPlatform .btn_play{display: flex;margin-top: 30px;flex-wrap: wrap;justify-content: center;} #popPlatform .btn_play li{width: 120px;margin: 0 7px;text-align: center;} #popPlatform .btn_play li > i{color:#C4C4C4;font-size: 0.875rem;line-height:32px;} #popPlatform .btn_play li button{width: 100%;height: 102px;position: relative;display: flex;align-items: center;justify-content: space-around;} #popPlatform .btn_play li button::before{content: '';position: absolute;width: 100%;height: 0;bottom: 0;left: 0;transition: height .2s ease-out;} #popPlatform .btn_play li button:hover::before{height: 100%;} #popPlatform .btn_play li .btn_nexon::before{background-color: #0072DC;} #popPlatform .btn_play li .btn_steam::before{background-color: #075F73;} #popPlatform .btn_play li .btn_xbox::before{background-color: #0C800A;} #popPlatform .btn_play li .btn_ps::before{background-color: #0057BE;} #popPlatform .btn_play li .btn_apple::before{background-color: #006FD6;} #popPlatform .btn_play li .btn_google::before{background-color: #589D00;} #popPlatform .btn_play li button::after{content: '';width: 30px;height: 30px;position: relative;} #popPlatform .btn_play li .btn_nexon::after{width: 29px;height: 29px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/nexon.svg") no-repeat;} #popPlatform .btn_play li .btn_steam::after{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/steam.svg") no-repeat;} #popPlatform .btn_play li .btn_xbox::after{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/xbox.svg") no-repeat;} #popPlatform .btn_play li .btn_ps::after{width: 37px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/ps.svg") no-repeat;} #popPlatform .btn_play li .btn_apple::after{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/apple.svg") no-repeat;} #popPlatform .btn_play li .btn_google::after{width: 27px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/google2.svg") no-repeat;} #popPlatform .btn_play li .btn_nexon{background-color: #009DDC;} #popPlatform .btn_play li .btn_steam{background-color: #1F778A;} #popPlatform .btn_play li .btn_xbox{background-color: #279A25;} #popPlatform .btn_play li .btn_ps{background-color: #0070D1;} #popPlatform .btn_play li .btn_apple{background-color: #3896DA;} #popPlatform .btn_play li .btn_google{background-color: #77B22C;} #popPlatform .mobile .btn_check, #popPlatform .mobile .btn_ok{min-width: 150px;} #popPlatform .logo_plat{width: 155px;height: 22px;background: url("https://lwi.nexon.com/kartdrift/gow/common/logo_play_pc.png") no-repeat;background-size: contain;margin:0 auto;display: block;} :lang(ko) #popPlatform .logo_plat, :lang(zh) #popPlatform .logo_plat{width: 112px;background-image: url("https://lwi.nexon.com/kartdrift/gow/common/logo_play_tw.png")} :lang(ja) #popPlatform .logo_plat{width: 112px;background-image: url("https://lwi.nexon.com/kartdrift/gow/common/logo_play_ja.png")} #popPlatform .mobile.west .logo_plat{width: 112px;background-image: url("https://lwi.nexon.com/kartdrift/gow/common/logo_play_west.png")} #popPlatform h3{/* font-size: 0.938rem;color:#a4a4a4; */ color: #fff;line-height: 1.25rem;font-weight: 400;display: flex;flex-direction: column;align-items: center;} #popPlatform h3 strong{color: #fff;line-height: 1.25rem;margin-bottom: 3px;} #popPlatform h3::after{margin-top: 5px;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #FFE600;border-bottom: 8px solid transparent;} #popCheck .tab{display: flex;width: 100%;height: 32px;justify-content:space-between;margin:20px 0} #popCheck .tab button{width: 33%;height: 100%;border:1px solid #282828;background-color: #A4A4A4;letter-spacing: -0.03em;font-size: 0.938rem;color: #282828;} #popCheck .tab button.active, #popCheck .tab button:hover{background-color: #48BDFF;} #popCheck h3{font-size: 1.25rem;color:#fff;margin-bottom: 5px;} #popCheck h3::before{display: inline-block;width: 0;height: 0;content: '';border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #D9D9D9;border-right: 8px solid transparent;vertical-align: middle;margin-top: -4px;} #popCheck .spec{display: none;} #popCheck #spec1{display: block;} #popCheck .table {margin-top: 20px;display: flex;justify-content:space-between} .table table{max-width: 100%;border-top:1px solid #292929;border-left:1px solid #292929;width: 100%;margin-bottom: 10px;table-layout: fixed;} .table table th,.table table td{padding: 10px 20px;} .table table th{color: #fff;letter-spacing: -0.03em;border-right:1px solid #292929;border-bottom:1px solid #292929} .table table td{color: #282828;letter-spacing: -0.03em;border-right:1px solid #292929;border-bottom:1px solid #292929;background-color: #E0E0E0;font-size: 0.75rem;} .table table thead th{background-color: #3E3E3E;font-size: 0.875rem;} .table table tbody th{background-color: #656363;font-size: 0.75rem;} .table table.blue thead th{background-color: #4770DC;} .table table.blue tbody th{background-color: #7C92A7;} .table table tbody tr th:first-child{width: 20%;} /* 플랫폼 디자인 변경 */ #popPlatform .btn_game{display: flex;margin-top: 30px;flex-direction:column;width: 100%;} #popPlatform .btn_game .group{background: #2B2B2B;border: 1px solid #212121;padding: 0.625rem;width: 100%;margin: 0.313rem 0;display: flex;gap: 0.313rem;justify-content: space-between;} #popPlatform .btn_game .group.wide{flex-direction: column;} #popPlatform .btn_game .group button{line-height: 3.438rem;background: #575757;font-family: 'Roboto';font-style: italic;font-size: 1rem;color: #FFFFFF;transition: background-color .3s ease;display: flex;align-items: center;justify-content: center;gap:.5rem;width: inherit;} #popPlatform .btn_game .group button.btn_steam{background-color: #0BB1A7;} #popPlatform .btn_game .group button.btn_nexon{background-color: #009DDC;} #popPlatform .btn_game .group button.btn_steam:hover{background-color:#008179} #popPlatform .btn_game .group button.btn_nexon:hover{background-color:#0076A5} #popPlatform .btn_game .group button.btn_xbox:hover{background-color:#279A25} #popPlatform .btn_game .group button.btn_ps:hover{background-color:#0070D1} #popPlatform .btn_game .group button.btn_apple:hover{background-color:#3896DA} #popPlatform .btn_game .group button.btn_google:hover{background-color:#77B22C} #popPlatform .btn_game .group.wide button{line-height: 6.125rem;} #popPlatform .btn_game .group button::before{content: '';width: 24px;height: 24px;position: relative;} #popPlatform .btn_game .group .btn_nexon::before{width: 29px;height: 29px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/nexon.svg") 0 0/contain no-repeat;} #popPlatform .btn_game .group .btn_steam::before{width: 29px;height: 29px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/steam.svg") 0 0/contain no-repeat;} #popPlatform .btn_game .group .btn_xbox::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/xbox.svg") 0 0/contain no-repeat;} #popPlatform .btn_game .group .btn_ps::before{width: 30px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/ps.svg") 0 0/contain no-repeat;} #popPlatform .btn_game .group .btn_apple::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/apple.svg") 0 0/contain no-repeat;} #popPlatform .btn_game .group .btn_google::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/google2.svg") 0 0/contain no-repeat;} .qr .modal_contents{max-width: 243px;min-width: 243px;padding: 0;width: 243px;height: 250px;border:0;border: 1px solid #000;} .qr .btn_close::after{background: url("https://lwi.nexon.com/kartdrift/gow/common/btn_close_b.png") 0 0/contain no-repeat;} .qr .modal_contents::before, .qr .modal_contents::after{display: none;} .qr .btn_close{width: 35px;height: 35px;background-color: #FFCD0A;} #popQR-aos .modal_contents .inner{background:#fff url("https://lwi.nexon.com/kartdrift/gow/main/season1/qr_aos.png") 50% 50% no-repeat} #popQR-ios .modal_contents .inner{background:#fff url("https://lwi.nexon.com/kartdrift/gow/main/season1/qr_ios.png") 50% 50% no-repeat} /* ios안내 레이어 */ #popInfo h2{width: 100%;font-size: 1.3rem;color:#525252;font-weight: 400;line-height: 1.5rem;word-break: break-word;text-align: left;} #popInfo h2 strong, #popInfo .btn_down strong{font-weight: 700;} #popInfo .star{background: linear-gradient(90deg, rgba(255, 230, 0, 0) 0%, #FFE600 7.74%, #FFE600 90.94%, rgba(255, 230, 0, 0) 100%);padding:4px 0;font-size: 0.938rem;color:#2D2D2D;text-align: center;border-top: 2px solid;border-bottom: 2px solid;border-image: linear-gradient(to right, rgba(64, 64, 64, 0),rgba(64, 64, 64, 1),rgba(64, 64, 64, 1),rgba(64, 64, 64, 0)); border-image-slice: 1;margin-top: 25px;} #popInfo .btn_down{margin-top: 23px;background-color: #525252;text-align: center;font-size: 1.125rem;font-weight: 400;padding:7px 0;display: block;color: #fff;} #popInfo p{font-size: 0.75rem;color: #525252;font-weight: 400;margin-top: 10px;text-align: left;} #popInfo .done{font-size: 1rem;} #popInfo .box{border: 3px solid #373737;padding:15px;margin-top: 25px;} #popInfo h3{letter-spacing: -0.03em;color: #525252;font-size: 1rem;font-weight: 700;} #popInfo ol{margin-top:10px;letter-spacing: -0.03em;color: #525252;font-size: 0.75rem;} #popInfo li{margin-bottom: 5px;} #popInfo li a{color:#3246FF} /* 언링크 레이어 */ .modal_wrap.unlink strong{color: #FFE600 !important;} .modal_wrap.unlink li > span{color:#FF7575} .modal_wrap.unlink li > a{color:#7098FF} .modal_wrap.unlink li > a:hover{text-decoration: underline;} .modal_wrap.unlink .modal_btn button{border-radius: 0;max-width: 104px;height: 52px;padding:0 10px;background-color: #A4A4A4;color: #282828;} .modal_wrap.unlink .modal_btn button.btn_conf, .modal_wrap.unlink .modal_btn button.btn_del{background-color: #505050;max-width: initial;padding:0 20px;color: #fff;} .modal_wrap.unlink .modal_btn button.btn_conf::before{content: '';display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 3px;width: 10px;height: 14px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/ico_check.png) no-repeat;background-size: contain;} .modal_wrap.unlink .modal_btn button.btn_del::before{content: '';display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 3px;width: 10px;height: 14px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/ico_del.png) no-repeat;background-size: contain;} .modal_wrap.unlink .noti{background: #363636;border: 1px solid #000000;padding:2rem;margin-top: 1.5rem;} .modal_wrap.unlink .noti h3{color: #fff;} .modal_wrap.unlink .noti h3::before{content: '';display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 6px;width: 20px;height: 18px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/ico_noti.png) no-repeat;background-size: contain;} .modal_wrap.unlink .noti ul{margin-top: 1.5rem;} .modal_wrap.unlink .noti li{color: #EAEAEA;line-height: 1.7rem;padding-left: 13px;} .modal_wrap.unlink .noti li::before{content: '-';margin-right: 7px;margin-left: -13px;} #popConnect .info{margin-top: 1.7rem;} #popUnlinkDone .done{margin-top: 40px;padding-bottom:100px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/bg_check.png) center 100% no-repeat;background-size: 68px 68px;color: #fff;font-size: 1.563rem;} #popUnlinkFail .done{margin: 20px 0;padding-top:80px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/bg_fail.png) center 0 no-repeat;background-size: 68px 68px;} /* 메인 */ #gow_wrapper .main_banner{position: relative;width: 100%;height: 638px;background-color: #000;} #gow_wrapper .main_banner .mbanner_swiper{position: relative;width: 100%;height: 100%;} #gow_wrapper .main_banner .mbanner_swiper li{position: relative;display: flex;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;} /* #gow_wrapper .main_banner .mbanner_swiper li::before{position: absolute;bottom: 0;content: '';left: 0;right: 0;height: 55.937052932761%;background:url(https://lwi.nexon.com/kartdrift/gow/common/cover.png) center bottom no-repeat} */ #gow_wrapper .main_banner .mbanner_swiper li a{padding-bottom: 100px;max-width: 1920px;height: 100%;margin: 0 auto;display: flex;flex-direction: column;width: 100%;justify-content: flex-end;align-items: center;z-index: 1;} #gow_wrapper .main_banner .mbanner_swiper li a strong{font-style: italic;font-weight: 700;font-size: 6.25rem;line-height: 7.5rem;color: #FFFFFF;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);} #gow_wrapper .main_banner .mbanner_swiper li a span{margin-top: 10px;font-weight: 600;font-size: 1.25rem;line-height: 1.375rem;letter-spacing: -0.02em;color: #C4C4C4;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);} #gow_wrapper .main_banner .swiper-pagination{width: 100%;bottom: 40px;height: 13px;} #gow_wrapper .main_banner .swiper-pagination-bullet{width: 71px;height: 7px;background-color: #C4C4C4;opacity: 1;border-radius: 0;margin:0 5px;transition: height .2s ease;vertical-align: super;} #gow_wrapper .main_banner .swiper-pagination-bullet-active, #gow_wrapper .main_banner .swiper-pagination-bullet:hover{background: #FFE600;height: 13px;} #gow_wrapper .main_banner .swiper-button-next, #gow_wrapper .main_banner .swiper-button-prev{width: 5%;height: 100%;text-indent: -100000px;background-repeat: no-repeat;background-size: contain;top: 0;margin-top: 0;background-size: 29px 38.5px;background-position:50% 50%} #gow_wrapper .main_banner .swiper-button-next::after, #gow_wrapper .main_banner .swiper-button-prev::after{content: '';position: absolute;width: 29px;height: 38.5px;background-repeat: no-repeat;background-size: contain;transition: all .2s ease;} #gow_wrapper .main_banner .swiper-button-prev::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_prev.png);} #gow_wrapper .main_banner .swiper-button-next::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_next.png);} #gow_wrapper .main_banner .swiper-button-prev{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_prev_over.png);left: 0px;} #gow_wrapper .main_banner .swiper-button-next{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_next_over.png);right: 0px;} #gow_wrapper .event_banner{position: relative;width: 100%;background:url(https://lwi.nexon.com/kartdrift/gow/common/bg_noise.gif) repeat;padding: 60px 0;} #gow_wrapper .event_banner .ebanner_swiper{display: flex;max-width: 1850px;margin: 0 auto;overflow: hidden;padding: 0 25px;flex-direction: column;} #gow_wrapper .event_banner .ebanner_swiper ul{max-width: 1800px;} #gow_wrapper .event_banner .ebanner_swiper li{max-width: 576px;min-width: 249px;border: 1px solid #373737;padding: 20px;width:33.333%;max-height: 412px;margin-right: 36px;} #gow_wrapper .event_banner .ebanner_swiper li:last-child{margin-right: 0;} #gow_wrapper .event_banner .ebanner_swiper li a{color: #C4C4C4;} #gow_wrapper .event_banner .ebanner_swiper li .thumb{max-height: 302px;overflow: hidden;margin-bottom: 16.5%;} #gow_wrapper .event_banner .ebanner_swiper li .thumb img{transition: transform .3s ease;} #gow_wrapper .event_banner .ebanner_swiper li .tit{padding:1.147rem 20px;font-size: 1.313rem;position: absolute;left: 0;bottom: 20px;width: 100%;transition: bottom .3s ease;background:url(https://lwi.nexon.com/kartdrift/gow/common/bg_noise.gif) no-repeat} #gow_wrapper .event_banner .ebanner_swiper li .tit span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 75%;display: inline-block;vertical-align: middle;} #gow_wrapper .event_banner .ebanner_swiper li .tit::after{font-family:'Roboto';display: inline-block;content: 'More';border: 1px solid #A4A4A4;margin-left: 25px;vertical-align: middle;font-weight: 500;font-size: 0.875rem;text-align: center;color: #A4A4A4;padding: 0px 13px;} #gow_wrapper .event_banner .indicator{position: relative;width: 100%;height: 2.188rem;margin-top: 1.563rem;display: flex !important;justify-content:center} #gow_wrapper .event_banner .swiper-button-next, #gow_wrapper .event_banner .swiper-button-prev{width: 2.188rem;height: 2.188rem;text-indent: -100000px;background-repeat: no-repeat;background-position: 50% 50%;background-size: 12px 16px;position: relative;left: auto;right: auto;border:1px solid #fff;margin:0 5px;top: auto;} #gow_wrapper .event_banner .swiper-button-next::after, #gow_wrapper .event_banner .swiper-button-prev::after{content: '';position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: 12px 16px;transition: all .2s ease;background-position: 50% 50%;} #gow_wrapper .event_banner .swiper-button-prev::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_prev.png);} #gow_wrapper .event_banner .swiper-button-next::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_next.png);} #gow_wrapper .event_banner .swiper-button-prev{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_prev_over.png);} #gow_wrapper .event_banner .swiper-button-next{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_slide_next_over.png);} :lang(de) #gow_wrapper .event_banner .ebanner_swiper li .tit::after{content: 'Mehr'} :lang(fr) #gow_wrapper .event_banner .ebanner_swiper li .tit::after{content: 'Plus'} :lang(it) #gow_wrapper .event_banner .ebanner_swiper li .tit::after{content: 'Di più'} :lang(es) #gow_wrapper .event_banner .ebanner_swiper li .tit::after{content: 'Más'} :lang(pt) #gow_wrapper .event_banner .ebanner_swiper li .tit::after{content: 'Mais'} #gow_wrapper .main_news{position: relative;width: 100%;padding: 60px 0;} #gow_wrapper .main_news .board_main{max-width:1850px;max-height: 450px;margin: 0 auto;overflow: hidden;padding:0 25px;position: relative;} #gow_wrapper .main_news .board_main h2{font-weight: 700;font-size: 2.188rem;line-height: 2.188rem;color: #282828;margin-bottom: 15px;display: inline-block;} #gow_wrapper .main_news .board_main .btn_more{position: relative;width: 35px;height: 35px;display: inline-block;overflow: hidden;text-indent: -100000px;vertical-align: top;} #gow_wrapper .main_news .board_main .btn_more::after{position: absolute;width: 0;height: 100%;left: 0;bottom: 0;background-color: #282828;content: '';transition: width .2s ease;} #gow_wrapper .main_news .board_main .btn_more::before{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_more.png) no-repeat;background-size: cover;content:'';z-index: 1;} #gow_wrapper .main_news .board_main ul{display: flex;justify-content:space-between} #gow_wrapper .main_news .board_main ul.center{justify-content:space-around} #gow_wrapper .main_news .board_main li{max-width:432px;background-color: #fff;flex-basis:25%;padding:1.25rem 1.406rem;position: relative;min-width: 249px;} #gow_wrapper .main_news .board_main li a{color: #282828;} #gow_wrapper .main_news .board_main li .thumb{max-height: 184px;overflow: hidden;margin-bottom: 5rem;} #gow_wrapper .main_news .board_main li .tit{padding:1.407rem 1.375rem;font-size: 1.125rem;background-color: #fff;position: absolute;left: 0;bottom: 3.125rem;width: 100%;transition: bottom .3s ease;height:4.375rem} #gow_wrapper .main_news .board_main li .tit span{text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;max-width: 80%;vertical-align: text-top;line-height: 1.4rem;} #gow_wrapper .main_news .board_main li .tit.new::after{content: '';width: 29px;height: 11px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_new.png) no-repeat;background-size: contain;position: absolute;right: 1.5rem;top:1.375rem} #gow_wrapper .main_news .board_main li::after{position: absolute;font-weight: 700;font-size: 0.875rem;line-height: 21px;height: 20px; text-align: center;color: #FFFFFF;padding: 0 10px;min-width: 70px;border-radius: 20px;top: 30px;right:30px;box-sizing: border-box;font-family:'Roboto'} .mobile #gow_wrapper .main_news .board_main li::after{display: none;} #gow_wrapper .main_news .board_main .notice::after{content: 'Announcements';background-color: #7FC229;} #gow_wrapper .main_news .board_main .inspect::after{content: 'Maintenance';background-color: #9D53C0;} #gow_wrapper .main_news .board_main .update::after{content: 'Updates';background-color: #298BC2;} #gow_wrapper .main_news .board_main .ingame::after{content: 'In-game Events';background-color: #C28529;} #gow_wrapper .main_news .board_main .social::after{content: 'Community Events';background-color: #C28529;} #gow_wrapper .main_news .board_main .league::after{content: 'Tournament News';background-color: #C28529;} :lang(ko) #gow_wrapper .main_news .board_main .notice::after{content: '공지사항';} :lang(ko) #gow_wrapper .main_news .board_main .inspect::after{content: '점검';} :lang(ko) #gow_wrapper .main_news .board_main .update::after{content: '업데이트';} :lang(ko) #gow_wrapper .main_news .board_main .ingame::after{content: '인게임 이벤트';} :lang(ko) #gow_wrapper .main_news .board_main .social::after{content: '소셜 이벤트';} :lang(ko) #gow_wrapper .main_news .board_main .letter::after{content: '브로디 통신문';background-color: #C28529;} :lang(ko) #gow_wrapper .main_news .board_main .league::after{content: '대회 소식';} :lang(de) #gow_wrapper .main_news .board_main .notice::after{content: 'Ankündigungen';} :lang(de) #gow_wrapper .main_news .board_main .inspect::after{content: 'Wartung';} :lang(de) #gow_wrapper .main_news .board_main .update::after{content: 'Update';} :lang(de) #gow_wrapper .main_news .board_main .ingame::after{content: 'In-Game-Events';} :lang(de) #gow_wrapper .main_news .board_main .social::after{content: 'Community-Events';} :lang(de) #gow_wrapper .main_news .board_main .league::after{content: 'Turnierneuigkeiten';} :lang(fr) #gow_wrapper .main_news .board_main .notice::after{content: 'Annonces';} :lang(fr) #gow_wrapper .main_news .board_main .inspect::after{content: 'Maintenance';} :lang(fr) #gow_wrapper .main_news .board_main .update::after{content: 'Mise à jour';} :lang(fr) #gow_wrapper .main_news .board_main .ingame::after{content: 'Événements en jeu';} :lang(fr) #gow_wrapper .main_news .board_main .social::after{content: 'Événements de communauté';} :lang(fr) #gow_wrapper .main_news .board_main .league::after{content: 'Actualités du tournoi';} :lang(it) #gow_wrapper .main_news .board_main .notice::after{content: 'Annunci';} :lang(it) #gow_wrapper .main_news .board_main .inspect::after{content: 'Manutenzione';} :lang(it) #gow_wrapper .main_news .board_main .update::after{content: 'Aggiornamenti';} :lang(it) #gow_wrapper .main_news .board_main .ingame::after{content: 'Eventi nel gioco';} :lang(it) #gow_wrapper .main_news .board_main .social::after{content: 'Eventi della community';} :lang(it) #gow_wrapper .main_news .board_main .league::after{content: 'Novità torneo';} :lang(es) #gow_wrapper .main_news .board_main .notice::after{content: 'Anuncios';} :lang(es) #gow_wrapper .main_news .board_main .inspect::after{content: 'Mantenimiento';} :lang(es) #gow_wrapper .main_news .board_main .update::after{content: 'Actualizaciones';} :lang(es) #gow_wrapper .main_news .board_main .ingame::after{content: 'Eventos en el juego';} :lang(es) #gow_wrapper .main_news .board_main .social::after{content: 'Eventos sociales';} :lang(es) #gow_wrapper .main_news .board_main .league::after{content: 'Noticias del torneo';} :lang(pt) #gow_wrapper .main_news .board_main .notice::after{content: 'Anúncios';} :lang(pt) #gow_wrapper .main_news .board_main .inspect::after{content: 'Manutenção';} :lang(pt) #gow_wrapper .main_news .board_main .update::after{content: 'Atualizações';} :lang(pt) #gow_wrapper .main_news .board_main .ingame::after{content: 'Eventos no Jogo';} :lang(pt) #gow_wrapper .main_news .board_main .social::after{content: 'Eventos Sociais';} :lang(pt) #gow_wrapper .main_news .board_main .league::after{content: 'Notícias do Torneio';} /* 2024리뉴얼 */ #gow_wrapper .main_link{position: relative;width: 100%;padding: 2.8% 0;display: flex;justify-content:center;} #gow_wrapper .main_link .quick_banner{position: relative;max-width:1920px;width: 100%;justify-content:center;display: flex;} #gow_wrapper .main_link .quick_banner ul{justify-content:center;display: flex;margin-left: -24px;width: 100%;} #gow_wrapper .main_link .quick_banner li {position: relative; background-color: #fff; flex-basis: 25%; display: flex; max-width: 432px; margin-left: 24px; overflow: hidden;} #gow_wrapper .main_link .quick_banner li::before {content: ''; display: block; width: 100%; padding-top: 51.892%;} #gow_wrapper .main_link .quick_banner li a{position: absolute;width: 100%;height: 100%;padding: 4.63% 5.2%;} #gow_wrapper .main_link .quick_banner li span{width: 100%;height: 100%;display: block;overflow: hidden;position: relative;} #gow_wrapper .main_link .quick_banner li span::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(https://lwi.nexon.com/kartdrift/gow/renewal/bn_quick_youtube.jpg) center center/contain no-repeat;transition: transform .5s ease;} #gow_wrapper .main_link .quick_banner li.discord span::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/bn_quick_discord.jpg);} #gow_wrapper .main_link .quick_banner li.guide span::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/bn_quick_guide.jpg);} #gow_wrapper .main_link .quick_banner li.faq span::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/bn_quick_faq.jpg);} #gow_wrapper .main_link .quick_banner li.features span::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/bn_quick_features.jpg);} #gow_wrapper .main_link .quick_banner li.facebook span::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/bn_quick_facebook.jpg);} #gow_wrapper .main_link .quick_banner li span::after{content: 'YouTube';position: absolute;width: 100%;left:0;top: 50%;color: #fff;text-align: center;font-size: 1.2vw;font-weight: 700;padding-left: 25%;transition: transform .5s ease;white-space: pre;line-height: 100%;} :lang(th) #gow_wrapper .main_link .quick_banner li span::after{font-size: 1.1vw;} #gow_wrapper .main_link .quick_banner li.discord span::after{content: 'Discord'} #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'Game Guides';} #gow_wrapper .main_link .quick_banner li.faq span::after{content: 'FAQ';} #gow_wrapper .main_link .quick_banner li.features span::after{content: 'Game\A Features';} :lang(ko) #gow_wrapper .main_link .quick_banner li.discord span::after{content: '디스코드'} :lang(ko) #gow_wrapper .main_link .quick_banner li.guide span::after{content: '게임 가이드';} :lang(th) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'คู่มือการเล่นเกม';} :lang(ja) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'ゲームガイド';} :lang(zh) #gow_wrapper .main_link .quick_banner li.facebook span::after{content: 'Facebook';} :lang(zh) #gow_wrapper .main_link .quick_banner li.guide span::after{content: '遊戲指南';} :lang(zh) #gow_wrapper .main_link .quick_banner li.faq span::after{content: '常見問題';} :lang(de) #gow_wrapper .main_link .quick_banner li.features span::after{content: 'Spiel-Features';} :lang(de) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'Spielguides';} :lang(fr) #gow_wrapper .main_link .quick_banner li.features span::after{content: 'Présentation\A du jeu';} :lang(fr) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'Guides\A de jeu';} :lang(it) #gow_wrapper .main_link .quick_banner li.features span::after{content: 'Caratteristiche\A del gioco';} :lang(it) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'Guide\A di gioco';} :lang(es) #gow_wrapper .main_link .quick_banner li.features span::after{content: 'Funciones\A del juego';} :lang(es) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'Guías\A del juego';} :lang(es) #gow_wrapper .main_link .quick_banner li.faq span::after{content: 'Preguntas\A frecuentes';} :lang(pt) #gow_wrapper .main_link .quick_banner li.features span::after{content: 'Recursos\A do Jogo';} :lang(pt) #gow_wrapper .main_link .quick_banner li.guide span::after{content: 'Guias\A do Jogo';} :lang(pt) #gow_wrapper .main_link .quick_banner li.faq span::after{content: 'Perguntas\A Frequentes';} #gow_wrapper .event_banner{padding: 2.45% 0;display: flex;justify-content:center;} #gow_wrapper .event_banner .new_wrap{position: relative;max-width:1920px;width: 100%;justify-content:center;display: flex;} #gow_wrapper .event_banner .inner{justify-content:center;display: flex;width: 100%;padding: 0 20px;} #gow_wrapper .event_banner .board_main, #gow_wrapper .event_banner .patch_swiper, #gow_wrapper .event_banner .event_swiper{position: relative; flex-basis: 33.33%; display: flex; max-width: 576px; margin-left: 34px; overflow: hidden;flex-direction: column;border: 1px solid #373737} #gow_wrapper .event_banner .board_main{max-height: 412px;border:0;gap: 25px;overflow: visible;margin-left: 0;} #gow_wrapper .event_banner .board_main .head_tit{display: flex;gap: 55px;align-items:center;position: relative;} :lang(ja) #gow_wrapper .event_banner .board_main .head_tit, :lang(pt) #gow_wrapper .event_banner .board_main .head_tit, :lang(es) #gow_wrapper .event_banner .board_main .head_tit, :lang(fr) #gow_wrapper .event_banner .board_main .head_tit, :lang(de) #gow_wrapper .event_banner .board_main .head_tit{gap: 30px;} #gow_wrapper .event_banner .board_main .head_tit h2{font-size: 35px;font-weight: 700;color: #c4c4c4;} :lang(pt) #gow_wrapper .event_banner .board_main .head_tit h2, :lang(en) #gow_wrapper .event_banner .board_main .head_tit h2, :lang(it) #gow_wrapper .event_banner .board_main .head_tit h2, :lang(es) #gow_wrapper .event_banner .board_main .head_tit h2, :lang(fr) #gow_wrapper .event_banner .board_main .head_tit h2, :lang(de) #gow_wrapper .event_banner .board_main .head_tit h2{font-size: 30px;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab{display: flex;gap: 30px;position: relative;} :lang(pt) #gow_wrapper .event_banner .board_main .head_tit .tit_tab, :lang(es) #gow_wrapper .event_banner .board_main .head_tit .tit_tab, :lang(fr) #gow_wrapper .event_banner .board_main .head_tit .tit_tab, :lang(de) #gow_wrapper .event_banner .board_main .head_tit .tit_tab {gap:10px} #gow_wrapper .event_banner .board_main .head_tit .tit_tab button{font-size: 18px;color: #a4a4a4;position: relative;} :lang(pt) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(es) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(fr) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(de) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(it) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(en) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button{font-size: 16px;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab button.active{color: #FFE600;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab button::after{content: '';position: absolute;bottom: -4px;width: 100%;height: 2px;left: 0;background-color: #FFE600;transform: scaleX(0);transition: transform .2s ease;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab button.active::after{transform: scaleX(1);} #gow_wrapper .event_banner .board_main .board_tab{position: relative;width: 100%;height: 100%;display: none;} #gow_wrapper .event_banner .board_main .board_tab#all{display: block;} #gow_wrapper .event_banner .board_main .board_tab ul{display: flex;flex-direction: column;width: 100%;height: 100%;} #gow_wrapper .event_banner .board_main .board_tab li{position: relative;width: 100%;border-top: 1px solid #373737;border-bottom: 1px solid #373737;transition: border .3s ease;margin-top: -1px;height: 16.66%;} #gow_wrapper .event_banner .board_main .info .date::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/ico_date.png);} #gow_wrapper .event_banner .board_main .info .view::before{background-image: url(https://lwi.nexon.com/kartdrift/gow/renewal/ico_view.png);} #gow_wrapper .event_banner .board_main li a {color: #C4C4C4; display: flex; align-items: center; height: 100%; justify-content: space-between;} #gow_wrapper .event_banner .board_main li a em {background-color: #298BC2; border-radius: 20px; line-height: 14px; padding: 2px 5px; font-size: 12px; color: #fff; font-weight: 700; width: 103px; min-width:103px; text-align: center; margin-right: 15px} #gow_wrapper .event_banner .board_main li a em.notice {background-color: #7FC229} #gow_wrapper .event_banner .board_main li .tit {font-size: 14px; width: 49%;} #gow_wrapper .event_banner .board_main li .tit strong {font-weight: 500; background-color: #FFE600;} #gow_wrapper .event_banner .board_main li .tit span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 96%; display: inline-block; vertical-align: middle;} #gow_wrapper .event_banner .board_main li .tit.new span{max-width: 80%;} #gow_wrapper .event_banner .board_main li .tit.new::after {display: inline-block; content: ''; width: 29px; height: 11px; background: url(https://lwi.nexon.com/kartdrift/gow/common/ico_new.png) no-repeat; background-size: contain;margin-left: 5px;vertical-align: middle;} #gow_wrapper .event_banner .board_main li .info span {min-width: 66px; display: inline-block; margin-right: 0;} #gow_wrapper .event_banner .board_main li .info .date {width: 100px;margin-right: 0;} #gow_wrapper .event_banner .board_main .btn_more {position: absolute;right: 0;top: -68px; width: 35px; height: 35px; display: inline-block; overflow: hidden; text-indent: -100000px; vertical-align: top;} #gow_wrapper .event_banner .board_main .btn_more::after {position: absolute; width: 0; height: 100%; left: 0; bottom: 0; background-color: #C4C4C4; content: ''; transition: width .2s ease;} #gow_wrapper .event_banner .board_main .btn_more::before {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: url(https://lwi.nexon.com/kartdrift/gow/common/btn_more_over.png) no-repeat; background-size: cover; content: ''; z-index: 1;} #gow_wrapper .event_banner .new_wrap .swiper li{padding: 20px;opacity: 0 !important;} #gow_wrapper .event_banner .new_wrap .swiper li a{color: #C4C4C4;} #gow_wrapper .event_banner .new_wrap .swiper li .thumb{max-height: 298px;overflow: hidden;} #gow_wrapper .event_banner .new_wrap .swiper li .thumb img{transition: transform .5s ease;} #gow_wrapper .event_banner .new_wrap .swiper li .tit{padding:1.147rem 20px;font-size: 1.313rem;width: 75%;} #gow_wrapper .event_banner .new_wrap .swiper li .tit span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;display: inline-block;vertical-align: middle;} #gow_wrapper .event_banner .new_wrap .swiper li.swiper-slide-active{opacity: 1 !important;} #gow_wrapper .event_banner .new_wrap .swiper-button-next, #gow_wrapper .event_banner .new_wrap .swiper-button-prev{border:0} #gow_wrapper .event_banner .new_wrap .swiper .indicator{position: absolute;bottom:35px;right: 5.5%;width: 20%;justify-content:space-between} #gow_wrapper .event_banner .new_wrap .swiper .swiper-pagination{font-size: 14px;color: #656363;font-family: 'Noto Sans KR';position: absolute;bottom:43px;right: 11.6%;left: auto;width: 42px;} /* 프리시즌 */ #gow_wrapper .pre1, #gow_wrapper .pre2, #gow_wrapper .pre3{position: relative;padding: 10.5rem 20px;width: 100%;display: flex;justify-content:center;color: #fff;} #gow_wrapper .pre2{background:url(https://lwi.nexon.com/kartdrift/gow/main/bg_drift.png) center 0/cover no-repeat;text-align: center;color: #2C2C2C;} #gow_wrapper .pre3{background:url(https://lwi.nexon.com/kartdrift/gow/main/bg_bottom.png) right 0/cover no-repeat;text-align: right;padding-top: 7.625rem;color: #fff;} #gow_wrapper .pre1{background:url(https://lwi.nexon.com/kartdrift/gow/main/bg_pre.png) center 0/cover no-repeat;} #gow_wrapper .pre_wrap{position: relative;max-width: 1280px;height: 100%;width: 100%;} #gow_wrapper .pre_wrap h2{font-size: 3.125rem;line-height: 3.75rem;margin-bottom: 2.438rem !important;font-weight: 700;} :lang(fr) #gow_wrapper .pre_wrap h2{font-size: 3.1rem} #gow_wrapper .pre_wrap p{font-size: 1.125rem;line-height: 1.75rem;font-weight: 400;} #gow_wrapper .pre2 .pre_wrap h2, #gow_wrapper .pre2 .pre_wrap p{width: 42%;margin: 0 auto;} #gow_wrapper .pre1 .pre_wrap{display: flex;justify-content:space-between;max-width: 1550px;} #gow_wrapper .pre1 .pre_wrap .info{width: 43%;} #gow_wrapper .pre1 .vod{max-width: 680px;border: 1px solid #4E6E98;position: relative;width: 50%;background:url(https://lwi.nexon.com/kartdrift/gow/main/pre_vod_thumb.png) 0 0/contain no-repeat} #gow_wrapper .pre1 .vod::after{content: '';display: block;width: 100%;padding-top: 56.343%} #gow_wrapper .pre1 .vod .moving{width: 100%;height: 100%;;position: absolute;top: 0;left: 0;background: rgba(17, 17, 17, 0.7);} #gow_wrapper .pre1 .vod .moving > button{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width: 5rem;height: 5rem;text-indent: -100000px;z-index: 10;} #gow_wrapper .pre1 .vod .moving > button::before{position: absolute;width: 0;height: 100%;background-color: rgba(72, 134, 255, 0.5);content: '';left: 0;top: 0;transition: width .3s ease;} #gow_wrapper .pre1 .vod .moving > button:hover::before{width: 100%;} #gow_wrapper .pre1 .vod .moving > button::after{position: absolute;width: 100%;height: 100%;background:url(https://lwi.nexon.com/kartdrift/gow/main/btn_play.png) 0 0/contain no-repeat;content: '';left: 0;top: 0;} #gow_wrapper .pre1 .vod .moving > button:hover::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/btn_play_over.png)} #gow_wrapper .pre2 .pre_wrap{max-width: 1763px;} #gow_wrapper .pre2 .pre_wrap h2::before{display:block;content:'';width: 9.375rem;height: 3rem;background:url(https://lwi.nexon.com/kartdrift/gow/main/logo_kd.png) 0 0/contain no-repeat;margin: 0 auto;margin-bottom: 0.625rem;} #gow_wrapper .pre2 .char{position: absolute;width: 100%;height: 100%;} #gow_wrapper .pre2 .info{position: relative;width: 100%;height: 100%;} #gow_wrapper .pre3 .pre_wrap h2{font-family: 'Roboto';} #gow_wrapper .pre_wrap .link{position: relative;width: 100%;display: flex;margin-top: 2rem;flex-wrap:wrap} #gow_wrapper .pre_wrap .link a{border:1px solid #fff;padding:9px;width: auto;height: auto;margin-top: 13px;margin-right: 0.875rem;} #gow_wrapper .pre_wrap .link a span{position: relative;;width: 100%;height: 100%;background-color: #FFE600;color: #282828;font-size: 0.875rem;text-align: center;display: block;line-height: 2.063rem;z-index: 1;font-weight: 500;font-family:inherit;min-height: 2.063rem;min-width: 9.375rem;padding: 0 1rem;} #gow_wrapper .pre_wrap .link a span::after{display: inline-block;content: '';background:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_b.png) right center/12px 10px no-repeat;vertical-align: middle;margin-top: -4px;width: 0.75rem;height: 0.625rem;margin-left: 5px;} #gow_wrapper .pre_wrap .link a span::before{content: '';position: absolute;top: 0;left: 0;width:0;height: 100%;background-color: #282828;z-index: -1;transition: width .2s ease;margin: 0;} #gow_wrapper .pre_wrap .link a:hover span::before{width: 100%;} #gow_wrapper .pre_wrap .link a:hover span{color: #fff;} #gow_wrapper .pre_wrap .link a:hover span::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_w.png)} #gow_wrapper .pre2 .pre_wrap .link{justify-content:center} #gow_wrapper .pre2 .pre_wrap .link a{border-color: #282828;} #gow_wrapper .pre2 .pre_wrap .link a span{background-color: #282828;color: #fff;} #gow_wrapper .pre2 .pre_wrap .link a span::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_w.png)} #gow_wrapper .pre2 .pre_wrap .link a:hover span::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_b.png)} #gow_wrapper .pre2 .pre_wrap .link a:hover span{color: #282828;} #gow_wrapper .pre2 .pre_wrap .link a span::before{background-color: #fff;} #gow_wrapper .pre2 .pre_wrap .char span{position: absolute;width:25%;} #gow_wrapper .pre2 .pre_wrap .char span::after{display: block;width: 100%;content: '';} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(1){max-width: 375px;background:url(https://lwi.nexon.com/kartdrift/gow/main/brodi.png) 0 0/contain no-repeat;left: -60px;bottom: -104px;} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(2){max-width: 383px;background:url(https://lwi.nexon.com/kartdrift/gow/main/bazzi.png) 0 0/contain no-repeat;right: -60px;bottom: -106px;} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(3){max-width: 428px;background:url(https://lwi.nexon.com/kartdrift/gow/main/dao.png) 0 0/contain no-repeat;left: 7.5%;bottom: -144px;} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(4){max-width: 401px;background:url(https://lwi.nexon.com/kartdrift/gow/main/dizni.png) 0 0/contain no-repeat;right: 6.5%;bottom: -167px;} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(1)::after{padding-top: 202.934%} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(2)::after{padding-top: 187.73%} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(3)::after{padding-top: 132.244%} #gow_wrapper .pre2 .pre_wrap .char span:nth-child(4)::after{padding-top: 144.64%} /* 시즌1 */ #gow_wrapper section.bottom, #gow_wrapper .other{position: relative;padding: 10.5rem 20px;width: 100%;display: flex;justify-content:center;color: #fff;} #gow_wrapper .ss1_1{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg1.png) center 0/cover no-repeat;} #gow_wrapper .ss1_2{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg2.png) center 0/cover no-repeat;padding: 19.6rem 20px !important;} #gow_wrapper .ss1_3{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg3.png) center 0/cover no-repeat;padding-bottom: 26.43rem !important;} #gow_wrapper .ss1_4{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg4.png) center 0/cover no-repeat;color: #5A5A5A !important;padding:18.2rem 20px !important} #gow_wrapper .ss1_5{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg5.png) center 0/cover no-repeat;padding:18.2rem 20px !important} #gow_wrapper .other.ss1_1{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/west_bg1.png) center 0/cover no-repeat;padding: 15.5rem 20px !important;} #gow_wrapper .other.ss1_2{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/west_bg2.png) center 0/cover no-repeat;padding: 18.1rem 20px !important;} #gow_wrapper .other.ss1_3{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/west_bg3.png) center 0/cover no-repeat;padding-bottom: 25.3rem !important;} #gow_wrapper .other.ss1_1 .ss_wrap{max-width: 1770px;} #gow_wrapper .other.ss1_2 .ss_wrap{justify-content: flex-end;color: #000;max-width: 1770px;} #gow_wrapper .other.ss1_3 .ss_wrap{justify-content: center;text-align: center;} #gow_wrapper .other.ss1_3 .ss_wrap h2::before{display: none;} #gow_wrapper .ss_wrap{position: relative;max-width: 1400px;height: 100%;width: 100%;display: flex;justify-content: space-between;} #gow_wrapper .ss_wrap h2{font-size: 2.9rem;line-height: 3.3rem;margin-bottom: 1.7rem !important;font-weight: 700;} #gow_wrapper .other.ss2_3 .ss_wrap h2{color:#000} #gow_wrapper .ss1_3 .ss_wrap h2::before{display: block;content:'';width: 100%;background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/ico_platform.png) 0 0/auto 100% no-repeat;height: 1.875rem;margin-bottom: 1.625rem;} #gow_wrapper .ss_wrap p{font-size: 1.125rem;line-height: 1.75rem;font-weight: 400;} #gow_wrapper .ss1_4 .ss_wrap, #gow_wrapper .ss1_5 .ss_wrap{justify-content: flex-end;text-align: right;} #gow_wrapper .ss1_5 .ss_wrap .info{display: flex;flex-direction: column;align-items: flex-end;} #gow_wrapper .ss1_1 .ss_wrap .info{width: 43%;} #gow_wrapper .other.ss1_1 .ss_wrap .info{width: 25%;} #gow_wrapper .ss_wrap .vod{max-width: 680px;position: relative;width: 50%;background:url(https://lwi.nexon.com/kartdrift/gow/season5/main/vod_thumb.png) 0 0/contain no-repeat;height: fit-content;} #gow_wrapper .ss_wrap .vod::after{content: '';display: block;width: 100%;padding-top: 56.343%} #gow_wrapper .ss_wrap .vod .moving{width: 100%;height: 100%;;position: absolute;top: 0;left: 0;} #gow_wrapper .ss_wrap .vod .moving > button{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width: 5rem;height: 5rem;text-indent: -100000px;z-index: 10;background: rgba(15, 52, 124, 0.8);} #gow_wrapper .ss_wrap .vod .moving > button::before{position: absolute;width: 0;height: 100%;background-color: rgba(72, 134, 255, 0.5);content: '';left: 0;top: 0;transition: width .3s ease;} #gow_wrapper .ss_wrap .vod .moving > button:hover::before{width: 100%;} #gow_wrapper .ss_wrap .vod .moving > button::after{position: absolute;width: 100%;height: 100%;background:url(https://lwi.nexon.com/kartdrift/gow/main/btn_play.png) 0 0/contain no-repeat;content: '';left: 0;top: 0;} #gow_wrapper .ss_wrap .vod .moving > button:hover::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/btn_play_over.png)} #gow_wrapper .ss_wrap .link{position: relative;width: fit-content;display: flex;margin-top: 2rem;flex-direction: column;} #gow_wrapper .ss_wrap .link a{border:1px solid #77FFE7;padding:2px;width: auto;height: auto;margin-top: 10px;margin-right: 0.875rem;min-width: 278px;} #gow_wrapper .ss_wrap .link a span{position: relative;;width: 100%;height: 100%;background-color: #77FFE7;color: #000;font-size: 0.875rem;text-align: center;display: block;line-height: 2.5rem;z-index: 1;font-weight: 500;font-family:inherit;min-height: 2.5rem;min-width: 9.375rem;padding: 0 2rem;} #gow_wrapper .ss_wrap .link a span::after{display: inline-block;content: '';background:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_b.png) right center/contain no-repeat;vertical-align: middle;margin-top: -2px;width: 0.75rem;height: 0.625rem;margin-left: 5px;} #gow_wrapper .ss_wrap .link a span::before{content: '';position: absolute;top: 0;left: 0;width:0;height: 100%;background-color: #282828;z-index: -1;transition: width .2s ease;margin: 0;} #gow_wrapper .ss_wrap .link a:hover span::before{width: 100%;} #gow_wrapper .ss_wrap .link a:hover span{color: #fff;} #gow_wrapper .ss_wrap .link a:hover span::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_w.png)} #gow_wrapper .ss1_2 .ss_wrap .link{justify-content:center} #gow_wrapper .ss1_2 .ss_wrap .link a{border-color: #282828;} #gow_wrapper .ss1_2 .ss_wrap .link a span{background-color: #282828;color: #fff;} #gow_wrapper .ss1_2 .ss_wrap .link a span::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_w.png)} #gow_wrapper .ss1_2 .ss_wrap .link a:hover span::after{background-image:url(https://lwi.nexon.com/kartdrift/gow/main/arrow_b.png)} #gow_wrapper .ss1_2 .ss_wrap .link a:hover span{color: #282828;} #gow_wrapper .ss1_2 .ss_wrap .link a span::before{background-color: #fff;} #gow_wrapper .other .ss_wrap .btn_link{position: relative;width: auto;display: flex;margin-top: 2rem;} #gow_wrapper .other.ss1_3 .ss_wrap .btn_link{justify-content: center;} #gow_wrapper .other .ss_wrap .btn_link a{background-color: #ffb901;line-height: 3.375rem;color: #000;font-size: 1.438rem;text-align: center;font-weight: 700;font-family:'Barlow Condensed';min-height: 3.375rem;padding: 0 2rem;} /* 시즌2*/ #gow_wrapper .ss2_1{background:url(https://lwi.nexon.com/kartdrift/gow/season5/main/bg1.jpg) center 0/cover no-repeat;} #gow_wrapper .ss2_1 .ss_wrap .info{width: 43%;} :lang(en) #gow_wrapper .ss2_1 .ss_wrap .info{width: 46%;} #gow_wrapper .other.ss2_3{background:url(https://lwi.nexon.com/kartdrift/gow/season5/main/west_bg3.jpg) center 0/cover no-repeat;padding-bottom: 25.3rem !important;} #gow_wrapper .other.ss2_3 .ss_wrap{justify-content: center;text-align: center;} #gow_wrapper .other.ss2_3 .ss_wrap .btn_link{justify-content: center;} #gow_wrapper .ss2_3{background:url(https://lwi.nexon.com/kartdrift/gow/season2/main/bg2.png) center 0/cover no-repeat;padding-bottom: 12.6rem !important;} #gow_wrapper .ss2_3 .ss_wrap .link a{border:1px solid #6CA7FF;} #gow_wrapper .ss2_3 .ss_wrap .link a span{background-color: #6CA7FF;} /* 게임등급 */ #gameGrade { position: relative; max-width: 500px; margin: 0 auto; padding-bottom: 42px; background: url(https://lwi.nexon.com/kartdrift/gow/common/pop_grade.jpg) center 72px no-repeat; overflow: hidden; background-color: #262626; } #gameGrade h1 { height: 72px; margin-bottom: 140px; text-align: center; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; } #gameGrade h2 { width: 92px; height: 27px; line-height: 26px; margin-bottom: 5px; background-color: #16A324; font-size: 12px; color: #fff; } #gameGrade h2::before { content: ""; display: inline-block; width: 3px; height: 6px; margin: -3px 7px 0 8px; vertical-align: middle; background: url("https://lwi.nexon.com/m_dnf/brand/common/ico_tr.png") no-repeat; } #gameGrade .container { padding: 18px; margin: 0 8px; background-color: #fff; border-radius: 2px; } #gameGrade .desc { display: flex; padding: 10px 0 13px; } #gameGrade .desc p { color: rgba(0, 0, 0, 0.7); font-size: 16px; line-height: 1.4; } #gameGrade .desc p b { color: #16A324; font-weight: 400; } #gameGrade .desc .g_icon { margin-left: auto; } #gameGrade .g_logo img, #gameGrade .g_icon img { width: 104px; } #gameGrade .info { display: flex; flex-wrap: wrap; font-size: 13px; border: 1px solid #16A324;; border-top: 0; background-color: #16A324;; overflow: hidden; } #gameGrade .info li { width: 200px; float: left; display: flex; align-items: center; min-height: 30px; color: #fff; font-size: 12px; font-weight: 400; border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } #gameGrade .info li:nth-child(2n) { width: 246px; } #gameGrade .info li:nth-child(2n) h3 { width: 105px; } #gameGrade .info h3 { position: relative; width: 83px; padding: 0 8px; font-size: 12px; font-weight: 400; text-align: center; } #gameGrade .info h3::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.1); } #gameGrade .info li > div { padding-left: 6px; text-align: left; } #gameGrade .copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; color: #7D7D7D; font-size: 12px; } /* 언링크 */ #gow_wrapper .unlink .tit_sub h2::before{display: none;} .unlink_list{position: relative;border-bottom: 1px solid #000;border-top: 1px solid #000;padding:50px 0;display: flex;margin-top: 45px;flex-direction: column;align-items: center;text-align: center;} .unlink_list p{font-weight: 400;font-size: 1rem;line-height: 1.875rem;color:#282828} .unlink_list .info{font-size: 1.375rem;margin-bottom: 0.625rem;} .unlink_list .info strong{font-weight: 700;} .unlink_list .login{border: 1px solid rgba(40, 40, 40, 0.3);display: flex;flex-direction: column;width: 100%;padding: 2.625rem 1.5rem;margin-top: 1.875rem;align-items: center;} .unlink_list .login p{font-weight: 700;font-size: 1.25rem;line-height: 1.25rem;display: inline-block;} .unlink_list .login p::before{content:'';display: inline-block;width: 35px;height: 10px;background:url(https://lwi.nexon.com/kartdrift/gow/common/ico_plug.png) 0 0/contain no-repeat;margin-right: 0.625rem;vertical-align: middle;margin-top: -0.25rem;} .unlink_list .login a{background: #282828;max-width: 375px;display: flex;width: 33%;align-items: center;justify-content: center;line-height: 3.25rem;margin-top: 1rem;position: relative;} .unlink_list .login a span{color: #fff;z-index: 2;} .unlink_list .login a span::before{content:'';width: 10px;height: 11px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/ico_login.png) 0 0/contain no-repeat;display: inline-block;margin-right: 5px;} .unlink_list .login a::before{content:'';width: 0;height: 100%;background-color: #2385E0;transition: .3s;position: absolute;left: 0;top: 0;} .unlink_list .login a:hover::before{width: 100%;} .unlink_list .platform{position: relative;width: 100%;display: flex;justify-content: center;align-items: flex-start;gap:30px;margin-top: 3.125rem;} .unlink_list .platform > div{width: 31.667%;background: #FFFFFF;border: 1px solid #282828;max-width: 380px;padding:2.5rem 3.125rem;display: flex;flex-direction: column;align-items: center;justify-content:center;min-height: 260px;} .unlink_list .platform > div i{max-width: 255px;width: 91.73%;background-repeat: no-repeat;background-size: contain;background-position: center 0;} .unlink_list .platform > div i::after{display: block;width: 100%;padding-top: 37.65%;content: '';} .unlink_list .platform .steam i{background-image:url(https://lwi.nexon.com/kartdrift/gow/unlink/steam.png)} .unlink_list .platform .ps i{background-image:url(https://lwi.nexon.com/kartdrift/gow/unlink/ps.png)} .unlink_list .platform .xbox i{background-image:url(https://lwi.nexon.com/kartdrift/gow/unlink/xbox.png)} .unlink_list button{font-size: 0.938rem;font-weight: 700;max-width: 375px;line-height: 3.25rem;background-color: #282828;width: 100%;padding:0 20px;position: relative;margin-top: 1.25rem;} .unlink_list button span{color: #fff;z-index: 2;position: relative;} .unlink_list button.disconnect{background-color: #2385E0;} .unlink_list button::before{content:'';width: 0;height: 100%;background-color: #2385E0;transition: .3s;position: absolute;left: 0;top: 0;} .unlink_list button.disconnect::before{background-color: #282828;} .unlink_list button:hover::before{width: 100%;} .unlink_list button span::before{display: inline-block;vertical-align: middle;margin-right: 3px;margin-top: -2px;width:10px;height: 14px;background:url(https://lwi.nexon.com/kartdrift/gow/unlink/ico_check.png) no-repeat;background-size: cover;content: '';} .unlink_list button.disconnect span::before{background-image:url(https://lwi.nexon.com/kartdrift/gow/unlink/ico_del.png)} /* ranking */ .ds_line { width:100%; height:178px; padding:45px 0 30px 0; background:#F8F7F5; border-bottom: 2px solid #E2E2E2; } .do_select { display: flex; justify-content: center; max-width:1200px; margin:0 auto; } .do_select::after { display:block; content:''; clear:both; } .do_select > div { position:relative; margin-right:30px; } .do_select > div:last-child { margin-right:0; } .do_select .ds_1 { z-index:13; } .do_select .ds_2 { z-index:12; } .do_select .ds_3 { z-index:11; } .do_select span.cs_t { display:block; position:relative; z-index:11; float:left; padding-right:12px; margin:13px 0 0 22px; background:url(https://lwi.nexon.com/kartdrift/gow/ranking/cs_t_cut.png) no-repeat right 8px; color: #656363; font-size: 16px; font-weight: 500; text-transform: uppercase; } .do_select .nice-select { cursor:pointer; position:relative; z-index:10; width:260px; height:50px; padding-right:0; } .do_select .nice-select .current { display:block; width: 100%; height:50px; color: #282828; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height:46px; text-indent:20px; background:#fff; border: 2px solid #fff; border-bottom:none; } .do_select .nice-select .current:hover { border: 2px solid #C3C3C1; } .do_select .nice-select .current::after { position: absolute; content: ""; width: 12.5px; height: 12.5px; background-image: url(https://lwi.nexon.com/kartdrift/gow/common/btn_select.png); background-repeat: no-repeat; background-size: contain; top: 50%; right:18px; transition: all 0.2s ease-in; transform: translateY(-40%); } .do_select .nice-select.open .current { border: 2px solid #656363; } .do_select .ds_disabled .nice-select { pointer-events: none; color: #C4C4C4; } .do_select .ds_disabled span.cs_t { color: #C4C4C4; } .do_select .ds_disabled .nice-select .current { background:#E1E1E1; border: 2px solid #E1E1E1; color: #C4C4C4; line-height: 47px; text-indent: 15px; } .do_select .ds_disabled .nice-select .current::after { display:none; } .do_select .nice-select ul.list { display:none; overflow-y:auto; max-height:171px; padding:15px 10px 15px 10px; background:#656363; } .do_select .nice-select.open ul.list { display:block; } .do_select .nice-select ul.list::-webkit-scrollbar { width: 22px; /* 스크롤바의 너비 */ position: absolute; right: 0; } .do_select .nice-select ul.list::-webkit-scrollbar-thumb { padding:5px; margin-right:5px; height: 30%; background: #bfbfbf; border-radius: 30px; background-clip: padding-box; border: 8px solid transparent; } .do_select .nice-select ul.list::-webkit-scrollbar-track { background: transparent; } .do_select .nice-select ul.list li { padding-left:13px; color: #AFAFAF; font-family: Roboto; font-size: 12px; font-weight: 400; line-height: 25px; } .do_select .nice-select ul.list li:hover { background:url(https://lwi.nexon.com/kartdrift/gow/ranking/do_options_ic.png) no-repeat left 9px; color: #40BAFF; } button.rk_btn { display:block; width:330px; height:50px; background: #3C84F0; color: #FFF; font-size: 20px; font-weight: 500; line-height: 50px; } button.rk_btn:hover { background: #315DA0; } .do_tg { position:relative; max-width:1200px; padding:0 20px; margin:30px auto 0; color: #A4A4A4; text-align: center; } .do_tg span.dt_ic { display:inline-block; vertical-align:-5px; width:25px; height:24px; margin-right:5px; background:url(https://lwi.nexon.com/kartdrift/gow/ranking/dt_ic.png) no-repeat; background-size:25px 24px; } .do_tg p.dt_gt { display:inline-block; font-size: 18px; font-weight: 500; line-height: 23.4px; } .do_tg .dt_b { position:absolute; top:0; right:0; } .do_tg .dt_b button.dt_btn { display:block; width:130px; height:30px; background-image:url(https://lwi.nexon.com/kartdrift/gow/ranking/dt_btn.png); background-repeat:no-repeat; background-size:270px 30px; text-indent:-9999px; } html[lang="zh"] .do_tg .dt_b button.dt_btn { background-image:url(https://lwi.nexon.com/kartdrift/gow/ranking/dt_btn_th.png); } .do_tg .dt_b button.dt_btn:hover { background-position-x:-140px; } #gow_wrapper .do_bw { padding-top:45px; } #gow_wrapper .do_bw .search { padding-bottom:45px; } #gow_wrapper .do_bw .search .custom_select { max-width:706px; } #gow_wrapper .do_bw .search .custom_select input.txt_serch { font-size: 18px; font-weight: 500; } .bl_th { display: flex; padding: 15px 48px 15px 28px; justify-content: space-between; align-items: center; margin-bottom:15px; background: #fff; } .bl_th > div { text-align:center; text-align: center; font-size: 15px; font-weight: 500; line-height: 18px; letter-spacing: -0.5px; } .bl_th .bt_1 { width:88px; } .bl_th .bt_3 { width:156px; } #gow_wrapper .bl_s2 li { padding:0 48px 0 28px; } #gow_wrapper .bl_s2 li .do_wrap { color: #282828; display: flex; align-items: center; height: 100%; justify-content: space-between; } #gow_wrapper .bl_s2 li .do_wrap .do_n { min-width:88px; width:88px; text-align:center; color: #282828; text-align: center; font-family: "Barlow Condensed"; font-size: 26px; font-weight: 700; } #gow_wrapper .bl_s2 li .do_wrap .do_n1, #gow_wrapper .bl_s2 li .do_wrap .do_n2, #gow_wrapper .bl_s2 li .do_wrap .do_n3 { min-width:88px; width:88px; height:50px; background-repeat:no-repeat; background-position:center 0; background-size:50px 50px; text-indent:-9999px; } #gow_wrapper .bl_s2 li .do_wrap .do_n1 { background-image:url(https://lwi.nexon.com/kartdrift/gow/ranking/trophy_1s.png); } #gow_wrapper .bl_s2 li .do_wrap .do_n2 { background-image:url(https://lwi.nexon.com/kartdrift/gow/ranking/trophy_2s.png); } #gow_wrapper .bl_s2 li .do_wrap .do_n3 { background-image:url(https://lwi.nexon.com/kartdrift/gow/ranking/trophy_3s.png); } .do_tit { margin:0 20px; color: #282828; text-align: center; font-size: 18px; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #gow_wrapper .bl_s2 li .do_wrap .do_p { min-width:156px; width:156px; color: #000; text-align: center; font-size: 20px; font-weight: 500; } .do_nr { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 475px; border-top: 1px solid #282828; border-bottom: 1px solid #282828; } .do_nr .dn_ic { display:block; width:68px; height:68px; margin-bottom:16px; background:url(https://lwi.nexon.com/kartdrift/gow/ranking/dn_ic.png) no-repeat; background-size:68px 68px; } .do_nr p.dn_t { color: #3B3B3B; text-align: center; font-size: 26px; font-weight: 400; line-height: 38px; } .do_nr ul.dn_list { margin-top:12px; } .do_nr ul.dn_list li { color: #3B3B3B; font-size: 18px; font-weight: 400; line-height: 26px; text-align:center; } @media all and (min-width: 980px) { /* PC 마우스 오버 효과 */ #gow_wrapper header h1 a:hover{background:url(https://lwi.nexon.com/kartdrift/gow/common/logo.gif) 50% 50% no-repeat;} #gow_wrapper header .menu li:hover::before{height: 4px;} #gow_wrapper header .menu > ul > li.coupon:hover{margin: 0;background-position-y: 100%;} #gow_wrapper header .menu > ul > li:hover{margin-top: 1px;} #gow_wrapper header .menu > ul > li:hover > a{color:#C4C4C4;} #gow_wrapper header .menu > ul > li:hover li:hover a{color: #fff;} #gow_wrapper header .menu > ul > li:hover > a::after{background-position-y: -18px;} #gow_wrapper header .menu > ul > li.pop:hover > a::after{background-position-y: 100%;} #gow_wrapper header .menu > ul > li.coupon:hover a{background-position-y: 100%;color:#fff;} #gow_wrapper header .menu > ul > li:hover ul{margin-top: -1px;} #gow_wrapper header .language:hover{margin-right:0} #gow_wrapper header .language:hover button{background-color: #1762D2;} #gow_wrapper header .language:hover ul{display: block;animation-delay: 1s;} #gow_wrapper header .language li a:hover::before{opacity: 1;left: 8px;} #gow_wrapper header .language li a:hover{color: #40BAFF;} #gow_wrapper header .game_start button:hover span{margin-left: -5px;} #gow_wrapper header .game_start button:hover i{margin-left: 5px;transform: scale(1);width: 28px;} #gow_wrapper header .game_start button:hover::before{opacity: 1;transform: translateY(0) rotate(0);} #gow_wrapper .board_sticky .indicator .swiper-button-prev:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_prev_over.png)} #gow_wrapper .board_sticky .indicator .swiper-button-next:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_next_over.png)} #gow_wrapper .board_img li:hover .thumb img{transform: scale(1.05);} #gow_wrapper .main_news .board_main li:hover .tit{bottom:3.563rem} #gow_wrapper .event_banner .ebanner_swiper li:hover .tit{bottom:40px;} #gow_wrapper .board_list li:hover{border-width: 5px;} #gow_wrapper .board_wrap .paging .btn_first:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_start_over.png)} #gow_wrapper .board_wrap .paging .btn_last:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_end_over.png)} #gow_wrapper .board_wrap .paging .btn_prev:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_prev_over.png)} #gow_wrapper .board_wrap .paging .btn_next:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_next_over.png)} #gow_wrapper .depth1 .btn_back:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_back_over.png)} #gow_wrapper .btn_area .btn_copy:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_copy_over.png);padding: 0;} #gow_wrapper .btn_area a:hover,#gow_wrapper .btn_area button:hover{border-width: 2px;padding: 0 24px} #gow_wrapper #footer .share li a:hover::after{background-position-y: 100%;} #gow_wrapper #footer .share li a:hover::before{transform:translateX(0) scale(5);opacity: 1;} #gow_wrapper #footer .share .btn_top:hover::after{height: 100%} #gow_wrapper #footer .share .btn_top:hover::before{background-position-y: 100%;} #gow_wrapper footer .region_select button:hover i{opacity: 1;} #gow_wrapper footer .region_select button:hover::after{top: 11px;} #gow_wrapper footer .region_select.active button:hover i{opacity: 0;} #gow_wrapper footer .region_select li a:hover::before{opacity: 1;left: 8px;} #gow_wrapper footer .region_select li a:hover{color: #40BAFF;} #gow_wrapper footer .game_grade a:hover{color: #fff;background-color:#393939; background-image: url(https://lwi.nexon.com/kartdrift/gow/common/ico_grade_over.png)} #gow_wrapper .board_sticky .sticky_swiper li:hover .thumb img, #gow_wrapper .event_banner .ebanner_swiper li:hover .thumb img{transform: scale(1.1);} #gow_wrapper .board_sticky .sticky_swiper li:hover .tit span{text-decoration: underline;} .select-styled:hover {color: #0070D1;} .select-styled:hover:after, .select-styled.hover:after {background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_select_over.png);} .search .btn_search:hover::before{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/ico_search_over.png)} .search .btn_search:hover::after{width: 48px} #gow_wrapper .main_banner .swiper-button-next:hover::after, .world_swiper .swiper-button-next:hover::after{margin-right:-23px} #gow_wrapper .main_banner .swiper-button-prev:hover::after, .world_swiper .swiper-button-prev:hover::after{margin-left: -23px;} #gow_wrapper .event_banner .swiper-button-next:hover::after{margin-right:-10px} #gow_wrapper .event_banner .swiper-button-prev:hover::after{margin-left: -10px;} #gow_wrapper .main_news .board_main .btn_more:hover::after{width: 100%} #gow_wrapper .main_news .board_main .btn_more:hover::before{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/btn_more_over.png)} .modal_wrap .btn_close:hover::before{width: 100%;} .modal_wrap .btn_close:hover::after{transform: rotate(-90deg);background-image: url("https://lwi.nexon.com/kartdrift/gow/common/btn_close_b.png")} #gow_wrapper .media_list li button:hover label{background: #FFE600;padding-right: 50px;width: auto;padding-left: 20px;} #gow_wrapper .media_list li button:hover label::after{background-image: url("https://lwi.nexon.com/kartdrift/gow/common/ico_pop_over.png")} #gow_wrapper .media_list#vod li button:hover label::after{background-image: url("https://lwi.nexon.com/kartdrift/gow/common/ico_vod_over.png")} #gow_wrapper .media_list li button:hover .thumb::after{height: 100%;} /* #popImg .down a:hover{color:#fff;background-color: #282828;} #popImg .down a:hover i{background-image: url("https://lwi.nexon.com/kartdrift/gow/artwork/btn_down_over.png")} #popImg .down a:hover::before{height: 100%;} */ .racing_wrap .btn a:hover{background-color: #FFE600;} .racing_wrap .btn a:hover + i{background-image: url("https://lwi.nexon.com/kartdrift/gow/racing/btn_obj_r_over.png")} #gow_wrapper .event_banner .new_wrap .swiper li a:hover .thumb img, #gow_wrapper .main_link .quick_banner li a:hover span::before, #gow_wrapper .main_link .quick_banner li a:hover span::after{transform: scale(1.03);} #gow_wrapper .event_banner .board_main .btn_more:hover::after{width: 100%} #gow_wrapper .event_banner .board_main .board_tab li:hover{border-width: 5px;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab button:hover{color: #FFE600;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab button:hover::after{transform: scaleX(1);} } @media all and (max-width: 1900px){ #gow_wrapper .scroll_down, #gow_wrapper .event_banner .board_main li .info .view{display: none;} .gameCon .game_section2 .o1, .gameCon .game_section4 .o1, .gameCon .game_section3 .o2{left: -5%;} } @media all and (max-width: 1700px){ #gow_wrapper header .menu li{margin-right: auto !important;} .west .racing_wrap2 .kart_list{width: 100%;} .ss3 .racing_section1{background-position-x: 60%;} .gameCon .game_section2 .o1, .gameCon .game_section3 .o2{left: -10%;} } @media all and (max-width: 1600px){ #gow_wrapper .event_banner .board_main .head_tit{gap: 20px !important;} #gow_wrapper .event_banner .board_main .head_tit .tit_tab{gap: 15px;} #gow_wrapper .event_banner .new_wrap .swiper .indicator{width: 22%;} } @media all and (max-width: 1430px){ #gow_wrapper header .menu{margin-left: 135px;} .ss3 .racing_section1{background-position-x: 70%;} #gow_wrapper .event_banner .board_main li .info .date, #gow_wrapper .event_banner .board_main .head_tit h2{display: none;} #gow_wrapper .event_banner .board_main .btn_more{top: -58px;} .gameCon .game_section2 .o1, .gameCon .game_section4 .o1{left: -20%;} .worldCon .game_section2 .o2{max-width: 500px;margin-left: -30%;} /* 시즌1 메인 */ #gow_wrapper .ss1_2{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg2_m.png) center 0/cover no-repeat;} #gow_wrapper .ss1_3{background:#2E2E3D url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg3_m.png) center 100%/cover no-repeat;padding:75px 20px 30.2rem !important} #gow_wrapper .ss1_4{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg4_m.png) center 0/cover no-repeat;padding:75px 20px 33rem !important} #gow_wrapper .ss1_5{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/bg5_m.png) center 0/cover no-repeat;padding:75px 20px 45.2rem !important} #gow_wrapper .ss1_2 .ss_wrap, #gow_wrapper .ss1_3 .ss_wrap, #gow_wrapper .ss1_4 .ss_wrap, #gow_wrapper .ss1_5 .ss_wrap{justify-content: center;text-align: left;} #gow_wrapper .other.ss1_1{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/west_bg1_m.png) center 80%/cover no-repeat;padding:50px 20px 35.2rem !important} #gow_wrapper .other.ss1_2{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/west_bg2_m.png) center center/cover no-repeat;padding:50px 20px 35.2rem !important} #gow_wrapper .other.ss1_3{background:url(https://lwi.nexon.com/kartdrift/gow/main/season1/west_bg3_m.png) center center/cover no-repeat;padding:50px 20px 35.2rem !important} #gow_wrapper .other .ss_wrap, #gow_wrapper .other .ss_wrap .btn_link{justify-content: center !important;text-align: center;} #gow_wrapper .other.ss1_1 .ss_wrap .info{width: 100%;} #gow_wrapper .ss1_5 .ss_wrap .info{align-items: flex-start;} .worldCon .game_section3 .o5, .worldCon .game_section3 .o6, .worldCon .game_section3 .o7, .worldCon .game_section3 .o8{top: auto;bottom: 0;} .worldCon .game_section3 .o5{margin-left: -200px;} .worldCon .game_section3 .o6{margin-left: 60px;} .worldCon .game_section3 .o7{margin-left: -458px} .worldCon .game_section3 .o8{margin-left: 283px;} } @media all and (max-width: 1240px){ /* ranking */ .ds_line { height:auto; padding:25px 30px 18px 30px; } .do_select { align-items: center; flex-direction: column; } .do_select > div { width:100%; margin-right:0; margin-bottom:10px; } .do_select .nice-select { width:100%; } button.rk_btn { width:100%; } .do_tg { margin-top:4px; } .do_tg span.dt_ic { display:block; margin:0 auto 4px; } .do_tg .dt_b { position:static; margin-top:5px; } .do_tg .dt_b button.dt_btn { margin:0 auto; } } @media all and (max-width: 1200px){ #gow_wrapper .pre2 .char{display: none;} #gow_wrapper .pre2 .pre_wrap h2, #gow_wrapper .pre2 .pre_wrap p{width: 100%;} #gow_wrapper header .game_start button i{display: none;} #gow_wrapper header .game_start button:hover span{margin-left: 0px;} #gow_wrapper .main_banner{height: 310px;} #gow_wrapper .main_news .board_main li{margin:0 14px 0 0} #gow_wrapper .main_news .board_main li .tit.new::after{margin-left: 10px;} #gow_wrapper .event_banner .ebanner_swiper li .tit::after{margin-left: 7px;padding: 0 10px;} #gow_wrapper .event_banner .ebanner_swiper li .tit span{max-width: 75%;} #gow_wrapper .depth1, #gow_wrapper .media .board_wrap, #gow_wrapper .tit_sub, #gow_wrapper .unlink .board_wrap{padding-left:20px;padding-right:20px;} #gow_wrapper .event_banner{padding:25px 0 35px} #popImg .down a{font-size: 14px;} #gow_wrapper .board_list li .tit{width: 64%;} #gow_wrapper .event_banner .inner{flex-wrap:wrap;justify-content:space-around} #gow_wrapper .event_banner .board_main{flex-basis: 100%;max-width: 100%;margin-bottom: 25px;} #gow_wrapper .event_banner .board_main li .info .date, #gow_wrapper .event_banner .board_main li .info .view, #gow_wrapper .event_banner .board_main .head_tit h2{display: inline-block;} #gow_wrapper .event_banner .board_main .board_tab li{min-height: 40px;} #gow_wrapper .event_banner .patch_swiper, #gow_wrapper .event_banner .event_swiper{flex-basis: 46%;margin-left: 0;} #gow_wrapper .event_banner .board_main .btn_more{top: -68px;} .world_swiper .swiper-button-next, .world_swiper .swiper-button-prev{display: none;} /* 게임소개 west */ #gameWestCon .section1{background:#000 url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg1_m.png") 50% 50%/cover no-repeat} #gameWestCon .section2{background:#000 url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg2_m.png") 50% 100%/contain no-repeat} #gameWestCon .section3{background:#fff url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg3_m.png") 50% 100%/contain no-repeat} #gameWestCon .section4{background:#000 url("https://lwi.nexon.com/kartdrift/gow/game_info/west/bg4_m.png") 50% 100%/contain no-repeat} #gameWestCon > section .game_wrap{justify-content: center !important;align-items: center !important;text-align: center;flex-direction: column;padding: 15% 20px 85% !important} #gameWestCon .section5 .game_wrap{max-height: fit-content;padding-bottom: 5rem !important;} } @media all and (max-width: 1020px){ html{font-size: 90%} #gow_wrapper #footer .share ul{width: 90%;margin:0} #gow_wrapper .pre1 .pre_wrap{flex-direction: column;} #gow_wrapper .pre1 .pre_wrap .info{width: 100%;} #gow_wrapper .pre1 .vod{margin-top: 2rem;width: 100%;} .racing_pass .racing_wrap4{padding-right: 0;} .racing_wrap4 .maximum{flex-direction: column;margin-top: 10%;} .racing_wrap4 .maximum .article1{width: 100%;} .racing_section4 .bottom{background-position-x: -10%;} .ss2 .racing_section4-2{background: url("https://lwi.nexon.com/kartdrift/gow/season2/racingpass/back4_m.png") center bottom/cover no-repeat;padding: 3rem 20px 40rem;} .ss3 .racing_section4-2{background-image: url("https://lwi.nexon.com/kartdrift/gow/season3/racingpass/back4_m.png")} .ss4 .racing_section4-2{background-image: url("https://lwi.nexon.com/kartdrift/gow/season4/racingpass/back4_m.png")} .ss5 .racing_section4-2{background-image: url("https://lwi.nexon.com/kartdrift/gow/season5/racingpass/back4_m.jpg")} .gameCon .game_section3 .o1{margin-left: -35%;} } @media all and (max-width: 980px) { #gow_wrapper .main_news .board_main li .tit{background-color: transparent;} #gow_wrapper .ss1_1 .ss_wrap, #gow_wrapper .ss2_1 .ss_wrap{flex-direction: column;} #gow_wrapper .ss_wrap .vod{margin-top: 2rem;width: 100%;} #gow_wrapper .ss1_1 .ss_wrap .info, #gow_wrapper .ss2_1 .ss_wrap .info{width: 100%;} #gow_wrapper .main_link .quick_banner ul{flex-wrap: wrap;} #gow_wrapper .main_link .quick_banner li{flex-basis: 46%;margin-bottom: 24px;} #gow_wrapper .main_link .quick_banner li span::after, :lang(th) #gow_wrapper .main_link .quick_banner li span::after{font-size: 2.2vw;} } @media all and (max-width: 860px) { #gow_wrapper .board_img li{flex-basis: 50%;max-width: calc(50% - 23px);} #gow_wrapper .media_list li{flex-basis: 50%;max-width: calc(50% - 24px);} #gow_wrapper .board_sticky .sticky_swiper li a{flex-direction: column;} #gow_wrapper .board_sticky .sticky_swiper li .thumb{margin-bottom: 10px;} #gow_wrapper .board_sticky .sticky_swiper li .thumb, #gow_wrapper .board_sticky .sticky_swiper li .txt{width: 100%;max-height: inherit;} #gow_wrapper .board_sticky .sticky_swiper li .tit.new::after{right: 0;top: 8px;} #gow_wrapper .board_sticky .sticky_swiper li .txt .tit{margin-bottom: 5px;} #gow_wrapper .board_wrap .paging button, #gow_wrapper .board_wrap .paging strong, #gow_wrapper .board_wrap .paging a{margin:0;width: 20px;height: auto;} #gow_wrapper .board_wrap .paging .btn_first, #gow_wrapper .board_wrap .paging .btn_prev, #gow_wrapper .board_wrap .paging .btn_next, #gow_wrapper .board_wrap .paging .btn_last{width: 26px;background-position-x:50%} #gow_wrapper .board_wrap .board_view .content_wrap table{table-layout: auto;} #gow_wrapper .board_wrap .board_view .content_wrap{min-height: auto;} #gow_wrapper .event_banner .ebanner_swiper li{margin-right: 14px;} #gow_wrapper .board_sticky .sticky_swiper li .tit span{max-height: 43px;} #popPlatform .btn_play li{margin-bottom:26px} #popPlatform .modal_btn{padding-top: 15px;} #gow_wrapper .event_banner .ebanner_swiper li, #gow_wrapper .event_banner .ebanner_swiper li .tit{bottom: 0;background: transparent;} #popCheck .tab{height: 42px;} .game_section4{background-position-x:right} .unlink_list .platform > div{padding: 1.5rem 2rem;min-height: 200px;} #gow_wrapper footer .link_area{min-width: 100%;width: 100%;} :lang(de) #gow_wrapper footer .company li{padding: 0 1rem;} .gameCon .game_section3 .o1{bottom: 22%;} } @media all and (max-width: 760px) { #gow_wrapper .board_list li a{flex-direction: column;align-items:flex-start;justify-content: center;} #gow_wrapper .board_list li a em{margin-bottom: 3px;line-height: 14px;font-size: 10px;min-width: 55px;padding: 0 5px;max-width: fit-content;height: 14px} #gow_wrapper .board_list.notice li::before{left: auto;right: 20px;top: 13px;transform: none;} #gow_wrapper .board_list li{padding-left: 20px;} #gow_wrapper .board_list li .tit{width: 100%;margin-bottom: 5px;} #popCheck .table{flex-direction: column;} #gow_wrapper .event_banner .new_wrap .swiper .indicator{width: 26%;} #gow_wrapper .event_banner .new_wrap .swiper li .tit{padding-left: 0;} #popImg .down a{font-size: 12px;font-weight: 500;border: 0;} .racing_wrap4 .general, .racing_wrap4 .premium{flex-direction:column;align-items: flex-start;} #gow_wrapper .main_news .board_main li .tit{bottom: 3.4rem;} .racing_wrap4 .pass_swiper li > div{height: 40.5%;} .racing_wrap4 .pass_swiper li > div p{height: 2.13rem;} #gow_wrapper .main_banner .swiper-button-prev, #gow_wrapper .main_banner .swiper-button-next{display: none !important;} #gow_wrapper .main_banner{height: 505px;} #gow_wrapper .main_banner .swiper-pagination-bullet{width: 53px;height: 3px;margin: 0;} #gow_wrapper .main_banner .swiper-pagination-bullet-active, #gow_wrapper .main_banner .swiper-pagination-bullet:hover{height: 5px;} #gow_wrapper .ss2_3{background-image:url(https://lwi.nexon.com/kartdrift/gow/season2/main/bg2_m.png);padding: 40px 20px 36rem !important; } #gow_wrapper .ss2_1{background-position-x: 80%;} .S5_Illustration_5261x8600{max-width: 400px;} /* ranking */ .bl_th { padding:10px 10px 10px 10px; margin-bottom:0; } .bl_th > div { font-size:12px; } .bl_th .bt_1 { width: 60px; } .bl_th .bt_3 { width:90px; } #gow_wrapper .bl_s2 li .do_wrap .do_n { font-size:20px; } .do_tit { margin:0 10px; font-size:14px; } #gow_wrapper .bl_s2 li { height:80px; padding:0 10px 0 10px; } #gow_wrapper .bl_s2 li:first-child { border-top:none; } #gow_wrapper .bl_s2 li .do_wrap .do_n1, #gow_wrapper .bl_s2 li .do_wrap .do_n2, #gow_wrapper .bl_s2 li .do_wrap .do_n3, #gow_wrapper .bl_s2 li .do_wrap .do_n { min-width: 60px; width: 60px; } #gow_wrapper .bl_s2 li .do_wrap .do_p { min-width:90px; width:90px; font-size:14px; } .do_nr { padding:37px 15px 60px 15px; height:auto; } } @media all and (max-width:640px) { html{font-size: 80%} .search input.txt_serch{font-size: 1rem;} #gow_wrapper #footer .share ul{display: none;} #gow_wrapper footer{padding-top: 30px;} #gow_wrapper footer .company{flex-direction: column;border: 0;padding: 0 20px;order: 0;} #gow_wrapper footer .etc_area{flex-direction: column;align-items: center;} #gow_wrapper footer .company li{border-bottom: 1px solid #373737;padding: 7px 0;} #gow_wrapper footer .company li::after{display: none;} #gow_wrapper .media .depth1{background: #0C0C0C;} #gow_wrapper .depth1{height: 27px;background: #0C0C0C !important;padding:0 10px} #gow_wrapper .depth1.noimg{background: transparent !important;padding: 14px 20px;} #gow_wrapper .board_wrap .board_view .top_info{padding: 20px;} #gow_wrapper .depth1 li{margin: 0;} #gow_wrapper .depth1 li{padding: 0 12px;} #gow_wrapper .depth1 h1{display: none;} .search .btn_search{width: 30px;height: 30px;} #gow_wrapper .board_wrap .btn_notice, #gow_wrapper .board_wrap .btn_notice a{width: 40px;height: 40px;} #gow_wrapper .board_wrap .btn_notice a::before{left: 0;top: 0;width: 40px;height: 40px;} #gow_wrapper .depth1.noimg h1{display: block;} #gow_wrapper .board_wrap .search{padding:21px 20px} #gow_wrapper .board_wrap{padding-top: 0;} .select-styled{text-indent: 10px;line-height: 30px;} .search .btn_search::before{width: 40px;height: 40px;top: -5px;right: -5px;} #gow_wrapper .media .tit_sub{display: none;} #gow_wrapper .board_sticky .sticky_swiper li .tit span{max-height: inherit;} #gow_wrapper footer .etc_area .game_grade{margin: 20px auto 0 auto} #gow_wrapper footer .platform ul{flex-wrap:wrap;justify-content:center} #gow_wrapper footer .platform button{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/plat_copy_m.png);width: 80%;padding-top: 14%;} :lang(ko) #gow_wrapper footer .platform button, :lang(zh) #gow_wrapper footer .platform button{background-image:url(https://lwi.nexon.com/kartdrift/gow/common/plat_copy_tw_m.png)} #gow_wrapper #footer .share .btn_top{display: block;top: auto;right: 10px;bottom: 10px;position: fixed;width: 40px;height: 39px;background:url(https://lwi.nexon.com/kartdrift/gow/common/btn_top.png) no-repeat;background-size: contain;;} #gow_wrapper #footer .share .btn_top::before{display: none;} .modal_wrap .modal_contents{padding:60px 20px 20px} #gow_wrapper .board_sticky .sticky_swiper li, #gow_wrapper .board_img li{max-width: 100%;flex-basis:100%} #gow_wrapper .tit_sub h2::before, #gow_wrapper .scroll_down{display: none;} .game_wrap .vod, .game_section4 .info{width: 100%;} .game_section4 .info, .game_wrap .vod{text-align: right;} .game_wrap .vod .moving{height: auto;} .game_wrap .info label{height: 40px;} .game_wrap .info h2{margin-bottom:10px} .signature > div > section{padding:45px 20px;min-height: 700px;} .gameCon .game_section3{min-height: 1000px;} .gameCon .game_section1 .mode{flex-direction: column;} .game_wrap .info p u{display: block;} #gow_wrapper .depth1 li a{font-size: 12px;line-height: 27px;font-weight: 400;} :lang(en) #gow_wrapper .depth1 li a{font-size: 14px;} #popInfo .modal_contents, #popCopyright .modal_contents{padding:25px} .racing_wrap .btn a{min-width: 150px;} .racing_section1, .west .racing_section1{min-height: fit-content;} .ss2 .racing_section1{padding: 37rem 20px 5rem;} .ss3 .racing_section1{background-position-x: 75%;} .racing_wrap3, .racing_wrap2 .kart_list{flex-direction: column;align-items: center;} .racing_wrap4 .maximum .article2, .racing_wrap3 .txt, .racing_wrap3 .obj{width: 100%;} .racing_wrap2 .kart_list > div{width: 100%;margin-bottom: 5%;} .west .racing_wrap2 .kart_list > div{width: 100%;margin-bottom: 0;} .racing_wrap4 .general .pass, .racing_wrap4 .premium .pass{margin-bottom: 1.5%;} .racing_wrap .info h2{font-size: 4.5rem} .racing_wrap2 h2{font-size: 3rem;line-height: 4rem;} .west .racing_wrap2 h2{font-size: 3rem;line-height: 4.5rem;} .racing_wrap2 .b_txt, .west .racing_wrap2 .b_txt{font-size: 1.5rem;color: #fff;} .racing_wrap4 .maximum .article1 > p{font-size: 1.375rem;line-height: 2.375rem;} .racing_wrap4 .general .pass span::before, .racing_wrap4 .premium .pass span::before{margin-top: 4px;} .racing_wrap2 .char_swiper li .name strong{font-size: 2.5rem;line-height: 3.375rem;} .racing_wrap4 .maximum .article1 h3, .racing_wrap5 h2{font-size: 3rem;} .racing_section4 .bottom{background-position: -2% 90%;} .racing_wrap5 .qna li button, .racing_wrap5 .qna li p{padding: 3% 20px 3% 0;} .racing_wrap4 .pass_swiper .scrollbar{width: 96%;} .west .racing_wrap4 .pass_swiper .swiper-scrollbar{width: 85%;} .racing_wrap4 .pass_swiper .swiper-scrollbar{width: 94%;} .racing_wrap2 .char_swiper li::after{padding-top: 75%;} .west .racing_wrap2 .char_swiper li::after{padding-top: 85%;} #gow_wrapper .main_news .board_main .btn_more{width: 25px;height: 25px;} #gow_wrapper .event_banner .ebanner_swiper li .tit span{width: 70%;} .racing_wrap2 .reward{padding: 0 1rem;border-radius: 10px;} .west .racing_wrap2 .reward{font-size: 1.5rem;} .racing_wrap2 .reward::after, .racing_wrap2 .reward::before{display: none;} /* .racing_wrap4 .pass_swiper li.lv10 > div, .racing_wrap4 .pass_swiper li.lv20 > div, .racing_wrap4 .pass_swiper li.lv30 > div, .racing_wrap4 .pass_swiper li.lv40 > div{height: 44.2%;} */ #gow_wrapper .depth1 li:hover a, #gow_wrapper .depth1 li.active a{color:#FFF;border-top: 2px solid #FFC700;border-bottom: 0;line-height: 24px;font-weight: 700;} .unlink_list .platform{flex-direction: column;gap: 1.5rem;} .unlink_list .platform > div{padding:2.5rem 3.125rem;max-width: inherit;width: 100%;} #gow_wrapper .ss_wrap .link{width: 100%;} #gow_wrapper .ss_wrap .link a{width: inherit;} #gow_wrapper .other.ss1_1, #gow_wrapper .other.ss1_2, #gow_wrapper .other.ss1_3{padding-bottom:28.2rem !important} .west .racing_wrap2 .kart_list > div p{top: 70%;} #gow_wrapper .other.ss2_3{background:url(https://lwi.nexon.com/kartdrift/gow/season5/main/west_bg3_m.jpg) center 0/cover no-repeat;padding-top: 8rem !important;padding-bottom: 39.3rem !important;} #gow_wrapper .main_link .quick_banner li{flex-basis: 100%;margin: 0;} #gow_wrapper .main_link{background-color: #fff;} #gow_wrapper .main_link .quick_banner ul{margin: 0;} #gow_wrapper .event_banner .patch_swiper, #gow_wrapper .event_banner .event_swiper{margin-bottom: 24px;flex-basis: 100%;} #gow_wrapper .event_banner .new_wrap .swiper .indicator{width: 20%;} #gow_wrapper .event_banner .new_wrap .swiper .swiper-pagination{bottom: 39px;} #gow_wrapper .event_banner .board_main li a{flex-direction: column;justify-content: center;align-items:flex-start;gap: 5px;} #gow_wrapper .event_banner .board_main .board_tab li{min-height: 84px;} #gow_wrapper .event_banner .board_main{max-height: fit-content;} #gow_wrapper .event_banner .board_main li .tit{width: 100%;} #gow_wrapper .event_banner .board_main li a em{width: fit-content;} #gow_wrapper .main_link .quick_banner li span::after, :lang(th) #gow_wrapper .main_link .quick_banner li span::after{font-size: 6.2vw;} .gameCon .game_section3 .o1{bottom: 45%;} .gameCon .game_section2 .o2{margin-left: -55%;} .gameCon .game_section1 .o1{display: none;} .gameCon .game_section4 .o1{left:-10%;bottom: -4%;} .gameCon .game_section4 .o2{margin-left: -43%;bottom: 32%;} .gameCon .game_section3 .o3{bottom: 34%;left: 0;} .world_swiper .swiper-slide p strong{line-height: 100%;margin-bottom: 15px;font-size: 20px;margin-top: 10px;} .worldCon .game_section1{background-position: 63% 90%;background-size: auto 60%;} .worldCon .game_section1 .o1{margin-left: -33%;} .worldCon .game_section1 .o2{margin-left: -61%;max-width: 350px;bottom: 30%;} .worldCon .game_section2 .o2{max-width: 300px;margin-left: -150px;} .worldCon .game_section2{background-size: auto 38%;background-position: 50% 95%;} .worldCon .game_section3 .g_obj span{transform: scale(.45);} .worldCon .game_section3 .o1, .worldCon .game_section3 .o2, .worldCon .game_section3 .o3, .worldCon .game_section3 .o4{top: 30%;} .worldCon .game_section3{background-size: auto 50%;} .worldCon .game_section3 .o1{margin-left:-239px} .worldCon .game_section3 .o2{margin-left:-163px} .worldCon .game_section3 .o3{margin-left:-4px} .worldCon .game_section3 .o4{margin-left:-105px} .worldCon .game_section3 .o5{margin-left:-175px} .worldCon .game_section3 .o6{margin-left:-53px} .worldCon .game_section3 .o7{margin-left:-278px} .worldCon .game_section3 .o8{margin-left:29px} :lang(pt) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(es) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(fr) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(de) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(it) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button, :lang(en) #gow_wrapper .event_banner .board_main .head_tit .tit_tab button{font-size: 14px;} #gow_wrapper .event_banner .board_main .head_tit h2{font-size: 24px !important;} /* ranking */ .do_tg p.dt_gt { font-size: 13px; line-height: 16.9px; letter-spacing: -1.3px; } #popRanking .modal_contents { min-height:auto; padding:44px 28px; } #popRanking ul.pop_rk_list li { background:url(https://lwi.nexon.com/kartdrift/gow/ranking/pop_rk_list_ic.png) no-repeat left 9px; font-size: 14px; line-height: 22px; } } @media all and (max-width:480px) { html{font-size: 60%} .game_wrap .info label{height: 30px;} #gameGrade i {display: block;} #gameGrade .container { padding: 10px; } #gameGrade .desc p { font-size: 14px; word-break: keep-all; } #gameGrade .info li { width: 46%; font-size: 11px; } #gameGrade .info li h3 { width: 46%; margin: 0; flex: 1 0 46%; } #gameGrade .info li div { width: 58%; flex: 1 0 58%; } #gameGrade .info li:nth-child(2n) { width: 54%; } #gameGrade .info li:nth-child(1n) div { width: 54%; flex: 1 0 54%; } #gameGrade .info li:nth-child(2n) h3 { width: 42%; flex: 1 0 42%; } #gameGrade .copyright{bottom: 0;} #gow_wrapper .media_list li{max-width: 100%;flex-basis:100%} #popImg .down a{width: 25%;} #gow_wrapper .event_banner .ebanner_swiper li .thumb{margin-bottom: 11.5%;} .racing_wrap4 .pass_swiper li > div p{height: 3.13rem;} #gow_wrapper .main_banner{height: 368px;} #gow_wrapper .ss_wrap .link a span{font-size: 12px;} #gow_wrapper .ss_wrap p{font-size: 10px;} #gow_wrapper .main_banner .indicator{width: 85%;margin: 0 auto;position: relative;} #gow_wrapper .main_banner .swiper-pagination{height: 3px;bottom: 20px;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:5px;background: #FFE600;top: auto;bottom: 0;} .S5_Illustration_5261x8600{max-width: 280px;} #gow_wrapper .event_banner .new_wrap .swiper .indicator{width: 22%;bottom: 28px;} #gow_wrapper .event_banner .new_wrap .swiper .swiper-pagination{bottom: 30px;font-size: 12px;} #gow_wrapper .event_banner .board_main{gap: 15px;} #gow_wrapper .event_banner .board_main .btn_more{top: -43px;} #gow_wrapper .event_banner .board_main .head_tit{flex-direction: column;align-items:flex-start;gap: 10px !important;} #gow_wrapper .event_banner .new_wrap .swiper li .tit{font-size: 14px;} } @media all and (max-width:300px) { .search input.txt_serch{width:100px;text-indent:10px} #gow_wrapper header.sidebar .game_start{width: 70px;} #gow_wrapper header.sidebar .game_start button span{padding: 0;} #popImg .down{padding-left: 5px;} #gow_wrapper .main_banner{height: 240px;} } .board_view .content_wrap img {max-width: 100%;height: auto !important;} .board_view .content_wrap table {table-layout: fixed;max-width: 100%;border: 1px solid #ddd;} .board_view .content_wrap table th, .board_view .content_wrap table td {padding: 8px;border: 1px solid #ddd;line-height: 1.6;font-weight: initial;font-family: inherit;word-break:break-word} .board_view .content_wrap a {color: #23527c;text-decoration: underline;font-weight: initial;font-family: inherit;} .board_view .content_wrap em, .board_view .content_wrap i{font-style: italic;font-weight: initial;font-family: inherit;} .board_view .content_wrap b,.board_view .content_wrap strong{font-weight: bold;font-family: inherit;} .board_view .content_wrap b span,.board_view .content_wrap strong span, .board_view .content_wrap b p,.board_view .content_wrap strong p, .board_view .content_wrap b div,.board_view .content_wrap strong div{font-weight: inherit} .board_view .content_wrap ul, .board_view .content_wrap ul li, .board_view .content_wrap ol, .board_view .content_wrap ol li, .board_view .content_wrap p, .board_view .content_wrap span, .board_view .content_wrap u, .board_view .content_wrap s, .board_view .content_wrap big, .board_view .content_wrap small, .board_view .content_wrap tt, .board_view .content_wrap ins, .board_view .content_wrap q, .board_view .content_wrap cite{font-weight: initial;font-family: inherit;} .board_view .content_wrap h1, .board_view .content_wrap h2, .board_view .content_wrap h3, .board_view .content_wrap h4, .board_view .content_wrap h5, .board_view .content_wrap h6{font-weight: initial;font-family: inherit;} .board_view .content_wrap ul{list-style: disc;padding-inline-start: 40px;} .board_view .content_wrap ol{list-style: decimal;padding-inline-start: 40px;} .board_view .content_wrap ul ul{list-style: circle;} .board_view .content_wrap ul ul ul{list-style: square;}