@charset "utf-8";
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.overflow {
	height: 100vh;
	overflow-y: hidden;
}
/* header */
#pre_wrapper header{position: absolute;width: 100%;height: 68px;z-index: 1000;background: rgba(0, 0, 0, 0.5);display: flex;top: 0;border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
#pre_wrapper.sticky header{position: fixed;}
#pre_wrapper header .inner{position: relative;display: flex;width: 100%;}
#pre_wrapper header .lnb{width: 100%;height: 100%;display: flex;justify-content:flex-end;align-items:center}
#pre_wrapper header .btn_toggle{display: none;}
#pre_wrapper header.sidebar .dim{position: fixed;width: 100%;height: 100vh;background-color: #282828;}
#pre_wrapper header.sidebar .lnb{position: absolute;top: 68px;left: 0;flex-direction: column;height: 100vh;padding-bottom: 100px;}
#pre_wrapper header.sidebar .dim,
#pre_wrapper header.sidebar .lnb,
#pre_wrapper header.sidebar .util,
#pre_wrapper header.sidebar .hidden_today,
#pre_wrapper header.sidebar .game_start{display: none;}
#pre_wrapper header.sidebar .btn_toggle{display: block;position: absolute;width: 53px;height: 27px;background: #424347; border-radius: 5px;top: 16px;right:8px}
#pre_wrapper header.sidebar .btn_toggle i{position: relative;;display: inline-block;width: 8px;height: 8px;margin: 0 5px;}
#pre_wrapper header.sidebar .btn_toggle button{font-size: 12px;color: #fff;font-family: 'Barlow Condensed';display: flex;line-height: 1.688rem;justify-content:center;align-items: center;width: 100%;height: 100%;font-weight: 500;}
#pre_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;}
#pre_wrapper header.sidebar .btn_toggle span.line-1{top: 0;}
#pre_wrapper header.sidebar .btn_toggle span.line-2{top: 50%;}
#pre_wrapper header.sidebar .btn_toggle span.line-3{top: 100%;}
#pre_wrapper header.active .btn_toggle .line-1 {transform: translateY(4px) translateX(0) rotate(45deg);}
#pre_wrapper header.active .btn_toggle .line-2 {opacity: 0;}
#pre_wrapper header.active .btn_toggle .line-3 {transform: translateY(-4px) translateX(0) rotate(-45deg);}
.mCustomScrollBox{width: 100%;}
#pre_wrapper header.sidebar.active{z-index: 1000;}
#pre_wrapper header.sidebar.active .inner{background-color:rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);;}
#pre_wrapper header.sidebar.active .menu,
#pre_wrapper header.sidebar.active .quick ul ul li a::after,
#pre_wrapper header.sidebar.active .quick ul ul li::after{display: none;}
#pre_wrapper header.sidebar.active .dim,
#pre_wrapper header.sidebar.active .lnb,
#pre_wrapper header.sidebar.active .quick,
#pre_wrapper header.sidebar.active .quick > ul > li strong,
#pre_wrapper header.sidebar.active .game_start,
#pre_wrapper header.sidebar.active .game_start a::after,
#pre_wrapper header.sidebar.active .util{display: block;}
#pre_wrapper header.sidebar.active .quick{background: transparent;display: flex;width: 100%;position: relative;height: 100%;padding: 30px;top: 0;}
#pre_wrapper header.sidebar.active .u_group{flex-direction: column;}
#pre_wrapper header.sidebar.active .game_start,
#pre_wrapper header.sidebar.active .util{order: 2;}
#pre_wrapper header.sidebar.active .game_start{order: 1;margin: 0 auto 20px auto;width: 210px;}
#pre_wrapper header.sidebar.active .util ul{justify-content: center;}
#pre_wrapper header.sidebar.active .quick > ul:first-child {margin-top: 0}
#pre_wrapper header.sidebar.active .quick ul ul li{min-height: 45px;}
#pre_wrapper header.sidebar.active .quick ul ul li a{text-align: left;padding: 0;color: #A4A4A4;}
#pre_wrapper header.sidebar.active .quick ul li strong{color: #fff;border-bottom: 1px solid #4E4E4E;line-height: 40px;}
#pre_wrapper.final header.sidebar.active .quick ul li strong{display: none;}
#pre_wrapper.final header.sidebar.active .quick ul ul li{border-bottom: 1px solid #4E4E4E;line-height: 40px;}
#pre_wrapper.final header.sidebar.active .quick ul ul li a{font-size: 15px;color: #fff;}
.mCSB_container{display: flex;position:initial !important;height: 100%;justify-content:flex-end;align-items:center}
.sidebar .mCSB_container{height: auto}
.sidebar.active .mCSB_container{flex-direction: column;}
.agree input[type="checkbox"] {display: none;}
.agree input[type="checkbox"] + label {position: relative;cursor: pointer;font-weight: 400;vertical-align: top;font-size: 0.75rem;padding-left: 20px;display: inline-block;}
.agree input[type="checkbox"] + label span{color: #FCCD03;margin-right: 3px;}
.agree input[type="checkbox"] + label::before {content: "";margin-right: 8px;width: 12px;height: 12px;box-sizing: border-box;background: transparent;transition: all .2s ease;transform: scale(1);position: absolute;left:0;top:4px;}
.agree input[type="checkbox"] + label::after {content: "";width: 12px;height: 12px;border: 1px solid #525252;box-sizing: border-box;background: transparent;position: absolute;left: 0;top: 4px;}
.agree input[type="checkbox"]:checked + label:before {background-color: #000;transform: scale(.5);}
.agree strong{color: #000;margin-right: 3px;}
.agree li button{display: inline-block;font-size: 0.75rem;color: #3385FF;vertical-align: top;margin-left: 3px;}
#pre_wrapper header h1{position : absolute;width: 120px;height:100%;background:url(https://lwi.nexon.com/kartdrift/gow/pre/logo.svg) 50% 50% no-repeat;z-index: 100;background-size: 120px 38px;margin-left: 40px;}
#pre_wrapper header h1 a{display: block;width:100%;height:100%;text-indent: -100000px;}
#pre_wrapper header .quick{position: fixed;width: 196px;right: 0;height: 100vh;display: flex;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);align-items: center;top: 66px;flex-direction: column;justify-content: center;}
#pre_wrapper header .quick > ul > li strong{display: none;}
#pre_wrapper header .quick ul{width: 100%;}
#pre_wrapper header .quick > ul:first-child {margin-top: -66px;}
#pre_wrapper header .quick ul ul{display: flex;flex-direction: column;}
#pre_wrapper header .quick ul ul li{width: 100%;position: relative;min-height: 90px;display: flex;align-items: center;margin-bottom: 1px;}
#pre_wrapper header .quick ul ul li::after{content: '';transition: width .2s ease;width: 4px;background-color:rgba(254, 254, 254, .5);position: absolute;right: 0;top: 0;height: 100%;}
#pre_wrapper header .quick ul ul li:hover::after,
#pre_wrapper header .quick ul ul li.active::after{width: 8px;background-color: #FFE600;}
#pre_wrapper header .quick ul ul li a{display: block;width: 100%;padding: 24px 20px;font-size: 0.875rem;font-weight: 400;color: #fff;text-align: center;word-break: keep-all;white-space:break-spaces}
#pre_wrapper header .quick ul ul li a::after{content: '';background-color:  rgba(255, 255, 255, 0.2);;width: 75%;height: 1px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#pre_wrapper header .quick ul  li:last-child li:last-child a::after{display: none;}
#pre_wrapper header .quick ul ul li:hover a,
#pre_wrapper header .quick ul ul li.active a,
#pre_wrapper header.sidebar.active .quick ul ul li.active a{color: #FFE600;}
#pre_wrapper header .quick .banner_note{width: 196px;height: 98px;background:url(https://lwi.nexon.com/kartdrift/gow/main/banner_pre.png) 0 0/contain no-repeat;margin-bottom: 19px;position: relative;}
#pre_wrapper header .quick .banner_note span{position: absolute;left: 18px;top: 18px;font-weight: 700;font-size: 12px;line-height: 18px;letter-spacing: -0.03em;color: #43A5FF;}
:lang(en) #pre_wrapper header .quick .banner_note span{font-size: 12px;}
#pre_wrapper header .quick .banner_note span u{display: block;}
:lang(zh) #pre_wrapper header .quick .banner_note span{top: 40px;}
#pre_wrapper header .quick .banner_note em{position: absolute;left: 30px;bottom: 18px;font-weight: 600;font-size: 12px;letter-spacing: -0.03em; color: #000000;font-style: normal;line-height: 17px;font-family: 'Roboto';}
:lang(th) #pre_wrapper header .quick .banner_note em{line-height: 13px;}
#pre_wrapper header.sidebar.active .quick .banner_note{color: #fff;border-bottom: 1px solid #4E4E4E;line-height: 40px;width: 100%;height: auto;background: transparent;margin-bottom: 10px;}
#pre_wrapper header.sidebar.active .quick .banner_note span u{display: inline;}
#pre_wrapper header.sidebar.active .quick .banner_note span,
#pre_wrapper header.sidebar.active .quick .banner_note em{position: relative;left: auto;top: auto;bottom: auto;font-size: inherit;color: #fff;font-weight: 700;}

#pre_wrapper header .menu{position: absolute;left: 230px;height: 100%;display: none;}
#pre_wrapper header .menu ul{display: flex;height: 100%;width: 100%;align-items: flex-end;}
#pre_wrapper header .menu li{position: relative;margin-right: 90px;}
#pre_wrapper header .menu li::after{position: absolute;bottom: 0;width: 100%;height: 0;background-color: #FFE600;left: 0;content: '';transition: height .2s ease;}
#pre_wrapper header .menu li:hover::after,
#pre_wrapper header .menu li.active::after{height: 4px}
#pre_wrapper header .menu li a{font-weight: 400;font-size: 1rem;color: #A4A4A4;line-height: 3.813rem;}
#pre_wrapper header .menu li:hover a,
#pre_wrapper header .menu li.active a{color: #fff;}
#pre_wrapper header .u_group{position: relative;display: flex;align-items:center}
#pre_wrapper header .util{position: relative;height: 32px;overflow: hidden;;display: none;margin:0 15px}
#pre_wrapper header .util ul{display: flex;height: 100%;}
#pre_wrapper header .util li{width: 32px;height: 100%;margin: 0 5px;}
#pre_wrapper header .util li a,
#pre_wrapper header .util li button{display: block;width: 100%;height: 100%;background:url(https://lwi.nexon.com/kartdrift/gow/pre/spr_util.png) no-repeat;background-size:127px 80px;text-indent: -100000px;}
#pre_wrapper header .util .btn_twitter a{background:url(https://lwi.nexon.com/kartdrift/gow/final/btn_twi_jp.svg) 50% 50% no-repeat;}
#pre_wrapper header .util .btn_facebook a{background-position-x: -47.5px;}
#pre_wrapper header .util .btn_youtube a{background-position-x: 100%;}
#pre_wrapper header .util li a:hover,
#pre_wrapper header .util li button:hover{background-position-y: -48px;}
#pre_wrapper header .util .btn_twitter a:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/final/btn_twi_over_jp.svg);background-position: 50% 50%;}
#pre_wrapper header .util .btn_copy{width: 52px;margin-left: 25px;margin-top: 3px;}
#pre_wrapper header .util .btn_copy button{background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_copy.png);background-size: contain;}
#pre_wrapper header .util .btn_copy button:hover{background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_copy_over.png);background-position: 0 0;}
#pre_wrapper header .hidden_today{position: relative;overflow: hidden;display: none;margin:0 15px;}
#pre_wrapper header #m.hidden_today{position: absolute;right:10px;top:90px;opacity: 0;display: none;z-index: -1;}
#pre_wrapper header #m.hidden_today button{font-size: 13px;}
#pre_wrapper header #m.hidden_today button::before,
#pre_wrapper header #m.hidden_today button::after{display: none;}
#pre_wrapper header .hidden_today button{font-weight: 400;font-size: 0.8125rem;color: #C1C1C1;display: flex;align-items: center;background:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_x.png) right 50% no-repeat;background-size: 20px 20px;padding-right: 25px;height: 100%;line-height: 1.25rem;}
#pre_wrapper header .hidden_today button:hover{color: #fff;background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/btn_x_over.png)}
#pre_wrapper header .hidden_today button::before{content: '';width: 26px;height: 14px;background: #141414;border-radius: 12px;margin-right: 6px;}
#pre_wrapper header .hidden_today button:hover::before{background: #FC9A07}
#pre_wrapper 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: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);}
#pre_wrapper header .hidden_today button:hover::after{left: 13px;}
#pre_wrapper header .game_start{position: relative;min-width: 280px;height: 38px;overflow: hidden;margin:0 15px;display: none;}
#pre_wrapper.final header .game_start{min-width: 210px;}
#pre_wrapper header .game_start a{display: flex;width: 100%;height: 100%;background-color: #FFE600;border-radius: 10px;font-weight: 700;font-size: 0.875rem;color: #252525;align-items: center;justify-content:center;padding:0 20px;box-sizing: border-box;}
#pre_wrapper header .game_start a:hover{background-color: #40BAFF;color: #fff;}
#pre_wrapper header .game_start a::after{width: 28px;height: 12px;content: '';margin-left: 12px;transition: margin-left .2s ease;background:url(https://lwi.nexon.com/kartdrift/gow/pre/ico_arrow.svg) no-repeat;background-size: contain;}
#pre_wrapper header .game_start a:hover::after{margin-left: 15px;background-image:url(https://lwi.nexon.com/kartdrift/gow/pre/ico_arrow_over.svg)}

.mobile .btn_grt{display: none;}

.btn_grt{position: fixed;width: 213px;height: 61px;overflow: hidden;left: 0px;top:125px;z-index: 102;}
:lang(it) .btn_grt{width: 240px;}
.btn_grt button{display: block;width: 100%;height: 100%;background-color: #FFE600;}
.btn_grt 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;}
.btn_grt button span{position: relative;width:auto;height:100%;display:inline-block;font-family: 'Barlow Condensed';font-weight: 700;font-size: 1.375rem;line-height: 3.813rem;transition: margin .2s ease-in;}
.btn_grt button i{display: inline-block;width: 0;height: 12px;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;}
.btn_grt button:active::before{background-color: #0890DC;}
.btn_grt button:hover span{margin-left: -5px;}
.btn_grt button:hover i{margin-left: 5px;transform: scale(1);width: 28px;}
.btn_grt button:hover::before{opacity: 1;transform: translateY(0) rotate(0);}


/* 레이어 */ 
.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: 260px; max-width: 930px; 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;}
.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 .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 0.2s ease-out;min-width: 120px;border: 1px solid #282828;}
#popCheck .modal_btn button:hover {background-color:#4096FB;color:#fff}
.modal_wrap h2{font-weight: 700;font-size: 1.563rem;line-height: 2.25rem;color: #FFFFFF;}
.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;}
.basic .modal_contents::after{display: none;}
.basic .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: 35px;max-width: 600px;margin-top: 70px;}
.modal_wrap.modal_fixed.basic .modal_contents{margin-top: 40px;}
.basic .btn_close{border: 0;top: -64px;}
.basic .modal_contents::before{width: 140px;height: 45px;background: url("https://lwi.nexon.com/kartdrift/gow/common/ico/logo.svg") no-repeat;top: -60px;background-size: contain;}
.basic .modal_btn button {border-radius: 0;background-color: #525252;color: #fff;font-weight: 400;font-size: 1.125rem;height: 41px;min-width: 105px;line-height: 2.438rem;}
.basic .modal_btn{justify-content: left;width: 100%;}
.basic .obt_done{width: 100%;max-height: 280px;background:url(https://lwi.nexon.com/kartdrift/gow/final/obt.png) no-repeat;background-size:contain;margin:10px 0 20px;text-indent: -1000000px;overflow: hidden;}
.basic .obt_join{width: 100%;max-height: 280px;background:url(https://lwi.nexon.com/kartdrift/gow/pre/obt_join.png) no-repeat;background-size:contain;margin:10px 0 20px;text-indent: -1000000px;overflow: hidden;}
.basic .obt_join::after,
.basic .obt_done::after{display: block;width: 100%;padding-top: 53%;content: '';}
.basic .grt_info{color: #525252;font-size: 1rem;margin-bottom: 15px;}
.basic .hidden_today input[type="checkbox"] {display: none;}
.basic .hidden_today input[type="checkbox"] + label {position: relative;cursor: pointer;font-weight: 400;vertical-align: top;font-size: 0.75rem;line-height: 1.25rem;color: #525252;}
.basic .hidden_today input[type="checkbox"] + label span{color: #FCCD03;margin-right: 3px;}
.basic .hidden_today input[type="checkbox"] + label:before {content: "";margin-right: 5px;width: 20px;height: 20px;background: url("https://lwi.nexon.com/kartdrift/gow/pre/btn_check.png") no-repeat;background-size: contain;vertical-align: middle;display: inline-block;margin-top: -2px;}
.basic .hidden_today input[type="checkbox"]:checked + label:before {background-image: url("https://lwi.nexon.com/kartdrift/gow/pre/btn_checked.png")}

#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: 0.75rem;color: #525252;}
#popSuccess .bg{font-weight: 400;margin-bottom:10px;padding:5px;font-size: 0.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: 0.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;display: none;}

.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: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;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: 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;}
/* agree */
#popAgree h2,
#popAgreeEvt h2{margin-bottom: 8px;width: 100%;font-size: 1.25rem;line-height: 2.125rem;color:#525252;}
#popAgree  p,
#popAgreeEvt  p{font-size: 0.875rem;color: #525252;line-height: 1.438rem;margin-bottom: 12px;}
#popAgree  p strong,
#popAgreeEvt  p strong{font-size: 1.063rem;color: #525252;}
#popAgree  table,
#popAgreeEvt  table{width: 100%;border-top:2px solid #525252;border-bottom:2px solid #525252;text-align: center;margin-bottom:5px;border-right:1px solid #525252;}
#popAgree  table td,
#popAgreeEvt  table td{border-top:1px solid #525252;font-size: 0.875rem;line-height: 1.375rem;color: #525252;padding: 5px 0;border-left:1px solid #525252;}
#popAgree  table th,
#popAgreeEvt  table th{border-top:1px solid #525252;font-size: 0.75rem;line-height: 2.125rem;color: #525252;background-color: #C1C1C1;border-left:1px solid #525252;}
#popAgree  table strong,
#popAgreeEvt  table strong{font-weight: 700;font-size: 1rem}
/* 유튜브 구독 인증 */
#popScreenShot h2{margin-bottom: 8px;width: 100%;font-size: 1.875rem;color:#525252;font-weight: 400;}
#popScreenShot h2 strong{display: block;}
#popScreenShot p{color:#646464;font-size:1rem;font-weight:400;margin:20px 0 10px}
#popScreenShot p.ss_gt{color: #000;font-size: 12px;margin-top: 10px;}
#popScreenShot .phone{background: #FFFFFF;border-radius: 10px;width: 100%;padding:10px 0}
#popScreenShot .phone input{width: 100%;text-indent: 15px;line-height: 3.125rem;font-size: 1rem;border:0}
#popScreenShot .file_box{background: #FFFFFF;width: 100%;padding:2.5rem 0 3.125rem;position: relative;}
#popScreenShot .agree{margin-top: 20px;}
#popScreenShot .agree li{display: flex;margin-bottom: 5px;}
#popScreenShot .btn_file {display: block;background: #3385FF;color:#fff;font-size: 1.125rem;font-weight: 700;width: 240px;line-height: 2.5rem;text-align: center;margin: 0 auto;}
#popScreenShot .input_file {position: absolute;top: 0; left: 0;width: 100%;opacity: 0;padding: 14px 0;cursor: pointer;height: 100%;}
#popScreenShot .file_return{font-size: 1rem;color: #646464;text-align: center;font-weight: 400;margin-bottom: 8px;width: 100%;border:0}

/* ios안내 레이어 */
#popInfo h2{width: 100%;font-size: 1.3rem;color:#525252;font-weight: 400;line-height: 1.5rem;word-break: break-word;}
#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;}
#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}

/* 플랫폼 추가 */
#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;}
#popPlatform .pc > p{text-align: center;} 
#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;}
/* :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: 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: 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/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{/* 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;}



@media all and (max-width: 1200px){
    #pre_wrapper header .quick,
    #pre_wrapper header .game_start a::after,
    .btn_grt{display: none;}
    #pre_wrapper header .menu{left: 175px;}
    #pre_wrapper header .menu li{margin-right: 40px;}
    #pre_wrapper header .game_start{width: 150px;}
    #pre_wrapper header h1{margin-left: 2%;}
    #pre_wrapper header .util li{margin:0}
    #pre_wrapper header .util,
    #pre_wrapper header .hidden_today,
    #pre_wrapper header .game_start{margin:0 5px}
}
@media all and (max-width: 1200px){
    html{font-size: 90%}
}
@media all and (max-width: 860px){
    .modal_wrap .modal_contents{padding:60px 20px 20px}
    .modal_wrap.basic .modal_contents{padding-top: 30px;}
    #pre_wrapper header #m.hidden_today{display: block !important;opacity: 1;z-index: 0;}
    #pre_wrapper header.active #m.hidden_today{display: none !important;}
}
@media all and (max-width:640px) {
    html{font-size: 75%;}
    .basic .modal_contents::before{width: 100%;top: -47px;}
}