@charset "utf-8";
body{overflow: hidden;} 
img{object-fit: contain;}
#in_wrapper{position: relative;width: 100%;display: flex;flex-direction:column;height: 100vh;}
#in_wrapper header{position: relative;width: 100%;min-height: 65px;display: flex;justify-content:space-between;background-color: #282828;}
#in_wrapper header .btn_close{width: 65px;height: 100%;background:url(https://lwi.nexon.com/kartdrift/gow/ingame/btn_close.png) no-repeat;background-size: cover;text-indent: -1000000px;overflow: auto;}
#in_wrapper header ul{display: flex;}
#in_wrapper header li{margin:0 30px;display: flex;align-items: center;position: relative;}
#in_wrapper header li::before{content: '';width: 100%;height: 0;background-color: #FFE500;position: absolute;top: 0;}
#in_wrapper header li.active::before{height: 3px}
#in_wrapper header li a{font-size: 1.375rem;color: #939393;}
#in_wrapper header li.active a{color:#fff}
#in_wrapper i.new{width: 5px;height: 5px;background-color: #FF0F00;margin: 0 0 0 3px;vertical-align: top;display: inline-block;border-radius: 50%;text-indent: -100000px;overflow: hidden;}
#in_wrapper .list i.new{position: absolute;right: 0;top: 50%;margin-top: -20px;}
#in_wrapper main{position: relative;width: 100%;display: flex;height: calc(100% - 65px);}
#in_wrapper main .list{position: relative;width: 25%;min-width:184px;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
#in_wrapper main .list .paging{width: 100%;min-height: 66px;background-color: #FBFBFB;display: flex;}
#in_wrapper main .list .paging button{width: 50%;height: 100%;position: relative;color: #282828;font-size: 1rem;}
#in_wrapper main .list .paging button.disable{opacity: .5;cursor: default;}
#in_wrapper main .list .paging button::before{content: '';width: 36px;height: 36px;background:url(https://lwi.nexon.com/kartdrift/gow/ingame/btn_prev.png) no-repeat;vertical-align: middle;display: inline-block;background-size: cover;margin-top: -4px;}
#in_wrapper main .list .paging button::after{position: absolute;width: 1px;height: 9px;right: 0;top: 50%;margin-top: -4.5px;background-color: #D9D9D9;content: '';}
#in_wrapper main .list .paging button:last-child:after{background:url(https://lwi.nexon.com/kartdrift/gow/ingame/btn_next.png) no-repeat;background-size: cover;width: 36px;height: 36px;vertical-align: middle;display: inline-block;margin:auto;top: auto;right:auto;position: relative;margin-top: -4px;}
#in_wrapper main .list .paging button:last-child::before{display: none;}
#in_wrapper main .list ul{height: inherit;display: flex;flex-direction: column;background-color: #F3F3F3;}
#in_wrapper main .list.new ul{overflow:hidden}
#in_wrapper main .list li{position: relative;;min-height: 50px;padding:0 20px;border-bottom: 1px solid #fff;height: 20%;display: flex;align-items: center;}
#in_wrapper main .list.new li{min-height: 100px;}
#in_wrapper main .list li a{font-size: 1rem;color: #656363;width: 100%;height: 100%;align-items: flex-start;display: flex;flex-direction: column;justify-content: center;position: relative;}
#in_wrapper main .list li a em{background-color: #298BC2;border-radius: 20px;line-height: 18px;padding: 0 10px;font-size: 12px;color: #fff;font-weight: 700;margin-bottom: 5px;min-width: 103px;text-align: center;}
#in_wrapper main .list li a em.notice{background-color: #7FC229}
#in_wrapper main .list li a em.ingame{background-color: #C28529}
#in_wrapper main .list li a em.social{background-color: #9D53C0;}
#in_wrapper main .list li a span{display: inline-block;max-height: 50px;overflow: hidden;width: 100%;}
#in_wrapper main .list li:visited a{color: #A4A4A4;}
#in_wrapper main .list li.active{background-color: #E3E3E3;}
#in_wrapper main .list li.active::after{content: '';width: 10px;height: 10px;background-color: #E3E3E3;position: absolute;right: -5px;top: 50%;margin-top: -5px;transform: rotate(45deg);}
#in_wrapper main .view {position: relative;width: 75%;display: flex;flex-direction: column;padding: 32px;overflow: auto;}
#in_wrapper main .view .tit{color: #282828;font-size: 1.3125rem;}
#in_wrapper main .view .date{margin:13px 0;font-family: 'Roboto';font-size: 0.875rem;color: #656363;}
#in_wrapper main .view .date::before{content: '';width: 15px;height: 15px;background:url(https://lwi.nexon.com/kartdrift/gow/ingame/ico_date.png) no-repeat;vertical-align: middle;background-size: cover;display: inline-block;margin:-2px 4px 0 0}
#in_wrapper main .view .con{padding:30px 0;border-top: 1px solid #282828;color: #656363;}
#in_wrapper main .view .con img{max-width: 100%;}
#in_wrapper main .no_data{display: flex;justify-content: center;align-items: center;height: 100%;color: #282828;font-size: 0.9375rem;flex-direction: column;width: 100%;}
#in_wrapper main .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;}
#in_wrapper main .view .con a{color: #23527c;text-decoration: underline;}
#in_wrapper main .view .con ul{list-style: disc;padding-inline-start: 40px;}
#in_wrapper main .view .con ol {list-style: decimal;padding-inline-start: 40px;}
#in_wrapper main .view .con ul ul {list-style: circle;}
#in_wrapper main .view .con ul ul ul {list-style: square;}
.mCSB_inside > .mCSB_container{margin-right: 0;}
.mCSB_scrollTools{width: 6px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #9D9D9D;}