/* * header * */
#header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 1280px;
	height: 72px;
	background-color: #fff;
	z-index: 99
}

.sticky #header {
	position: fixed !important;
}

#header .inner {
	max-width: 100%;
	display: flex;
	justify-content: space-between;
}

#header .inner .left_area {
	display: flex;
}

#header .inner .left_area h1 {
	position: relative;
	margin-left: 1.875rem;
	width: 100px;
	height: 72px
}

#header .inner h1 a {
	display: block;
	text-indent: -100000px;
	width: 100%;
	height: 100%;
	background: url(https://lwi.nexon.com/kartdrift/event/2023/0302_porsche_T2JKDF23OITDG/common/logo.png) 0 50%/contain no-repeat
}

#header .inner .left_area ul {
	display: flex;
}

#header .inner .left_area ul li {

	border-left: 1px solid #ededed;
}

#header .inner .left_area ul li.on {
	border-bottom: 4px solid #14CFC4;
}

#header .inner .left_area ul li:first-child {
	margin-left: 26px;
}

#header .inner .left_area ul li:last-child {
	border-right: 1px solid #ededed;

}

#header .inner .left_area ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 100%;
	font-size: 14px;
	font-weight: 500;
}

#header .util {
	height: 100%;
	display: flex;
	align-items: center;
}

#header .util ul {
	display: flex;
	margin-right: 30px
}

#header .util li {
	margin-right: 28px
}

#header .util li a,
#header .util li button {
	display: inline-block;
	text-indent: -9999px;
	width: 20px;
	height: 24px;
	background: url(https://lwi.nexon.com/kartdrift/event/2024/lnb/spr_share.png) 0 0/237px 64.5px no-repeat;
	vertical-align: middle
}

#header .util .btn_home::after {
	width: 1px;
	height: 15px;
	background-color: #DADADA;
	border-radius: 50%;
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 24px
}

#header .util .btn_home a {
	background-position-x: 2px
}

#header .util .btn_ytb a {
	background-position-x: -29px
}

#header .util .btn_ist a {
	background-position-x: -58px
}

#header .util .btn_fb a {
	background-position-x: -81px
}

#header .util .btn_twc a {
	background-position-x: -103px
}

#header .util .btn_twt a {
	background-position-x: -130.5px
}

#header .util .btn_dis a {
	background-position-x: -157.5px
}

#header .util .btn_bm a {
	background-position-x: -186px;
	width: 27px;
}

#header .util .btn_tt a {
	background-position-x: -217.5px
}

#header .util li a:hover {
	background-position-y: 100%
}

#header .hidden_today {
	position: relative;
	overflow: hidden;
	margin-right: 30px
}

#header .hidden_today button {
	font-weight: 400;
	font-size: 13px;
	color: #000;
	display: flex;
	align-items: center;
	background: url(https://lwi.nexon.com/kartdrift/event/2023/0112_preseason_5B4DF8AB6AC7BDF2/ico_x.png) right 50% no-repeat;
	background-size: 20px 21px;
	padding-right: 25px;
	height: 100%;
	line-height: 1
}

#header .hidden_today button:lang(en) {
	line-height: inherit;
}

#header .hidden_today button:hover {
	background-image: url(https://lwi.nexon.com/kartdrift/event/2023/0112_preseason_5B4DF8AB6AC7BDF2/ico_x_on.png)
}

#header .hidden_today button::before {
	content: '';
	width: 26px;
	height: 14px;
	background: #141414;
	border-radius: 12px;
	margin-right: 6px
}

#header .hidden_today button:hover::before {
	background: #0090FF
}

#header .hidden_today button::after {
	content: '';
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
	transition: left .2s ease;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 2px 1px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .2)
}

#header .hidden_today button:hover::after {
	left: 13px
}

#header .game_start {
	margin-right: 1.875rem
}

#header .game_start button {
	min-width: 136px;
	height: 35px;
	background: #0090FF url(https://lwi.nexon.com/kartdrift/event/2023/0302_porsche_T2JKDF23OITDG/common/arrow_start.png) 90% 50%/10px 12px no-repeat;
	transition: all 0.2s ease;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding: 0 42px 0 27px
}

#header .game_start button:hover {
	background-color: #212121
}

.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: .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: 260px;
	max-width: 960px;
	min-height: 220px;
	padding: 30px 60px;
	background-color: #292929;
	border-top: 2px solid #ffe600;
	border-bottom: 2px solid #3284ff;
	width: 90%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.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: 0;
	right: 0;
	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 .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)
}

.modal_wrap .modal_btn {
	align-self: center;
	padding-top: 35px;
	display: flex;
	justify-content: center
}

.modal_wrap .modal_btn button {
	height: 46px;
	line-height: 2.75rem;
	padding: 0 40px;
	margin: 0 2px;
	color: #282828;
	font-size: 15px;
	font-weight: 700;
	border-radius: 60px;
	background-color: #fff;
	transition: all .2s ease-out;
	min-width: 120px;
	border: 1px solid #282828
}

#popCheck .modal_btn button:hover {
	background-color: #4096fb;
	color: #fff
}

.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;
	color: #fff;
	text-align: center;
}

.modal_wrap p {
	font-size: 1rem;
	line-height: 1.438rem;
	color: #c4c4c4
}

.modal_wrap p strong {
	color: #fff
}

.modal_wrap .alert {
	color: #525252;
	font-size: 1.875rem;
	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
}

#popSuccess h2 {
	font-weight: 400;
	font-size: 1.875rem;
	line-height: 2.375rem;
	display: flex;
	flex-direction: column;
	color: #525252
}

#popSuccess p {
	font-weight: 400;
	font-size: .75rem;
	color: #525252
}

#popSuccess .bg {
	font-weight: 400;
	margin-bottom: 10px;
	padding: 5px;
	font-size: .875;
	line-height: 1.625rem;
	color: #fff;
	background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0, #2f2f2f 19.27%, #2f2f2f 78.13%, rgba(217, 217, 217, 0) 100%);
	text-align: center
}

#popSuccess .bg i {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url(https://lwi.nexon.com/kartdrift/gow/pre/ico_star.png) no-repeat;
	background-size: contain;
	margin-right: 5px
}

#popSuccess .box {
	font-weight: 400;
	border: 3px solid #373737;
	margin: 20px 0;
	padding: 15px;
	font-size: .875;
	line-height: 1.625rem;
	color: #525252
}

#popSuccess .box strong {
	color: #3385ff
}

#popSuccess .app_download {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 20px
}

.app_download a {
	max-width: 147.5px;
	height: 37px;
	background: url(https://lwi.nexon.com/kartdrift/gow/pre/btn_apple_en.png) no-repeat;
	background-size: contain;
	width: 100%;
	text-indent: -1000000px;
	overflow: hidden;
	margin-right: 5px
}

.app_download .google {
	background-image: url(https://lwi.nexon.com/kartdrift/gow/pre/btn_google_en.png);
	max-width: 148px
}

:lang(ko) .app_download a {
	background-image: url(https://lwi.nexon.com/kartdrift/gow/pre/btn_apple.png)
}

:lang(ko) .app_download .google {
	background-image: url(https://lwi.nexon.com/kartdrift/gow/pre/btn_google.png)
}

:lang(zh) .app_download a {
	background-image: url(https://lwi.nexon.com/kartdrift/gow/pre/btn_apple_tw.png)
}

:lang(zh) .app_download .google {
	background-image: url(https://lwi.nexon.com/kartdrift/gow/pre/btn_google_tw.png)
}

#popIntro h2 {
	font-weight: 400;
	font-size: 1.875rem;
	line-height: 2.375rem;
	color: #525252;
	margin-bottom: 20px
}

#popIntro h2 .hello {
	font-family: 'Barlow Condensed';
	display: block;
	font-style: italic
}

#popCheck .tab {
	display: flex;
	width: 100%;
	height: 32px;
	justify-content: space-between;
	margin: 20px 0
}

:lang(en) #popCheck .tab {
	height: 42px
}

#popCheck .tab button {
	width: 33%;
	height: 100%;
	border: 1px solid #282828;
	background-color: #a4a4a4;
	font-size: 12px;
	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 td,
.table table th {
	padding: 10px 20px
}

.table table th {
	color: #fff;
	border-right: 1px solid #292929;
	border-bottom: 1px solid #292929
}

.table table td {
	color: #282828;
	border-right: 1px solid #292929;
	border-bottom: 1px solid #292929;
	background-color: #e0e0e0;
	font-size: .75rem
}

.table table thead th {
	background-color: #3e3e3e;
	font-size: .875rem
}

.table table tbody th {
	background-color: #656363;
	font-size: .75rem
}

.table table.blue thead th {
	background-color: #4770dc
}

.table table.blue tbody th {
	background-color: #7c92a7
}

#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;
	text-align: center;
	font-weight: 700;
	font-size: 1.563rem;
	line-height: 2.25rem;
	letter-spacing: -.03em;
}

#popPlatform .pc>p {
	text-align: center;
	font-size: 1rem;
	letter-spacing: -.03em
}

#popPlatform .mobile h2 {
	font-size: 15px;
	line-height: 1.375rem;
	color: #c4c4c4;
	margin: -40px 0 30px 0;
	opacity: 0
}

#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
}

#popPlatform .mobile .box {
	display: flex;
	flex-direction: column;
	margin: 20px 0;
	background: rgba(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%;
	display: flex;
	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 #fff;
	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: .75rem;
	color: #ffe600;
	margin: 10px 0;
	padding: 4px 0
}

#popPlatform .btn_play {
	display: flex;
	margin-top: 40px;
	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-family: 'Barlow Condensed';
	font-size: .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/google.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 {
	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
}

@media all and (max-width:860px) {
	.modal_wrap .modal_contents {
		padding: 60px 20px 20px
	}

	.modal_wrap.basic .modal_contents {
		padding-top: 30px
	}
}

@media (max-width:640px) {
	#popCheck .table {
		flex-direction: column
	}
}

.modal_wrap.p button {
	background: url(https://lwi.nexon.com/kartdrift/event/2023/0112_peaches_TKJ23JFDG567R3RT/btn_layer.png) no-repeat;
	text-indent: -100000px;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	transition: inherit;
	min-width: initial;
}

.modal_wrap.p .modal_contents {
	position: relative;
	width: 640px;
	padding: 30px;
	background-color: #000;
	border: 1px solid #e9b7c2;
	max-width: 1240px;
}

.modal_wrap.p .modal_contents .inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.modal_wrap.p .btn_close {
	position: absolute;
	top: -100px;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-left: -35px;
}

.modal_wrap.p .btn_close:hover,
.modal_wrap.p .modal_btn button:hover {
	background-position-y: -100px;
}

.modal_wrap.p .modal_btn {
	align-self: center;
	padding-top: 20px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.modal_wrap.p .modal_btn button {
	width: 110px;
	height: 48px;
	margin: 0 7px;
}

.modal_wrap.p .alert {
	background-color: #141414;
	font-size: 15px;
	letter-spacing: -0.02em;
	color: #888;
	padding: 60px 30px;
	text-align: center;
}

.modal_wrap.p .noti {
	background-color: #141414;
	font-size: 15px;
	letter-spacing: -0.02em;
	color: #888;
	padding: 20px;
}

.modal_wrap.p .btn_ok {
	background-position-x: 100%;
}

.modal_wrap.p .btn_cancel {
	background-position-x: -308px;
}

.modal_wrap.p .btn_add {
	background-position-x: -188px;
}

.modal_wrap.p .modal_contents::before,
.modal_wrap.p .modal_contents::after,
.modal_wrap.p .btn_close::before,
.modal_wrap.p .btn_close::after {
	display: none;
}

#popImg .modal_contents {
	width: 1240px;
	height: 700px;
	border: 0;
	padding: 0;
}

#popImg .modal_contents .inner {
	overflow: auto;
}

#popImg .modal_contents .inner>img {
	max-width: 100%;
	display: block;
}

/* 플랫폼 디자인 변경 */
#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/google.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
}

/* 공통플랫폼 영역 */
.play_game_area{position: relative;width: 100%;display: flex;flex-direction: column; align-items: center;text-align: center;}
.play_game_area .group{margin-bottom: 60px;display: flex;flex-direction: column;gap: 10px;}
.play_game_area .group button{background: #13141A;border: 1px solid #475197;border-radius: 10px;width: 484px;height: 80px;position: relative;}
.play_game_area .group button::after{content:'';position: absolute;top: 33px;right: 24px;width: 0;height: 0;border-bottom: 6px solid transparent;border-top: 6px solid transparent;border-left: 10px solid #fff;border-right: 0 solid transparent;}
.play_game_area .group button.btn_steam::after{border-left-color: #93AAAF;}
.play_game_area .group button span{position: relative;;display: block;width: 88.26%;height: 100%;background-color: #475197;border-radius: 8px;font-size: 30px;color: #fff;font-weight: 700;transition: width .2s ease;display:flex;align-items:center;justify-content:center;z-index: 2;}
[lang]:not([lang=ko]) .play_game_area .group button span{font-family: 'Barlow';}
.play_game_area .group button.btn_steam span{background-color: #93AAAF;}
.play_game_area .group button.btn_steam{border-color:#93AAAF}
.play_game_area .group button:hover span{width: 100%;}
.play_game_area .group button span::before{content: '';width: 28px;height: 28px;position: relative;margin-right: 10px;}
.play_game_area .group .btn_nexon span::before{width: 29px;height: 29px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/nexon.svg") 0 0/contain no-repeat;}
.play_game_area .group .btn_steam span::before{width: 29px;height: 29px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/steam.svg") 0 0/contain no-repeat;}

.play_game_area .group_box{padding: 17px 20px 20px;background: #13141A;border-radius: 10px;}
.play_game_area .group_box p{font-size: 16px;line-height: 23px;color: #7E7E7E;margin: 0 0 20px 0;letter-spacing: 0;}
.play_game_area .group_box div{display: flex;gap: 10px;;}
.play_game_area .group_box button{position: relative;;width: 166px;height: 35px;background-color: #2D2E36;padding-left: 15px;font-family: 'Balow';font-weight: 700;color: #fff;text-align: left;transition: all .2s ease;font-size: 14px;line-height: 35px;}
.play_game_area .group_box button:hover{background-color: #444650;}
.play_game_area .group_box button::before{content: '';width: 20px;height: 20px;position: relative;margin-right: 10px;display: inline-block;vertical-align: middle;}
.play_game_area .group_box .btn_xbox::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/xbox.svg") 0 0/contain no-repeat;}
.play_game_area .group_box .btn_ps::before{width: 25px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/ps.svg") 0 0/contain no-repeat;}
.play_game_area .group_box .btn_apple::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/apple.svg") 0 0/contain no-repeat;}
.play_game_area .group_box .btn_google::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/google2.svg") 0 0/contain no-repeat;}
.play_game_area .group_box button i{position: absolute;right: 0;top:0;width: 30px;border-left:1px solid #000;height: 100%;}

.play_game_area .group_box button i::before{content:'';width: 0%;height: 100%;display: block;transition: width .2s ease;}
.play_game_area .group_box button i::after{content:'';position: absolute;top: 14px;right: 12px;width: 0;height: 0;border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-left: 6px solid #8492F2;border-right: 0 solid transparent;}
.play_game_area .group_box button:hover i::before{background-color: #8492F2;width: 100%;}
.play_game_area .group_box button:hover i::after{border-left-color: #2D2E36;}

.play_game_area .group.dark button{border: 1px solid #fff;}
.play_game_area .group.dark button span{background-color: #fff;color: #000;}
.play_game_area .group.dark button.btn_steam span{background-color: #93AAAF;}
.play_game_area .group.dark button.btn_steam{border-color:#93AAAF}
.play_game_area .group.dark .btn_nexon span::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/nexon_black.svg") 0 0/contain no-repeat;}
.play_game_area .group.dark .btn_steam span::before{background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/steam_black.svg") 0 0/contain no-repeat;}