﻿.ui-page-theme-a {background-color:#111 !important;}

.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;}

/*메인해더*/
.main-header {position:relative;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;width:100%;height:50px;background-color:rgba(0,0,0,.75);}
.main-header > div:nth-child(1) {width:60px;}
.main-header .btn-logo {display:block;width:150px;height:28px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/main/btn_logo.png) no-repeat;background-size:150px 28px;}
.main-header .btn-auth {display:block;width:60px;height:30px;overflow:hidden;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_header_auth.png) center 0px / 50px 60px no-repeat;}

/*메인배너*/
.main-banner {position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;height:360px;overflow:hidden;}
.main-banner .banner-bg {position:absolute;top:0;display:-webkit-box;left:-975px;margin-left:50%;}
.main-banner .banner-bg .main-bg {width:2000px;height:360px;background:#161e29 url(https://ssl.nexon.com/S2/Game/CSO/CSO2018/main/back_main.jpg) center 10px / 619px 270px repeat-x;}

.main-banner .main-bg-ef01 {position:absolute;top:241px;width:2000px;height:70px;left:-975px;margin-left:50%;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_bg_ef01.png) center center / 900px 70px repeat-x;-webkit-transform:rotate(0.5deg);transform:rotate(0.5deg);}
.main-banner .main-bg-ef02 {position:absolute;top:287px;width:2000px;height:25px;left:-975px;margin-left:50%;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_bg_ef02.png) center 0 / 140px 25px repeat-x;}
.main-banner .main-bg-ef03 {position:absolute;bottom:-5px;width:2000px;height:13px;left:-975px;margin-left:50%;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_bg_ef02.png) center bottom / 140px 25px repeat-x;-webkit-transform:rotate(179.5deg);transform:rotate(179.5deg);}

/*메인공지*/
.main-notice-list {padding-left:10px;width:100%;max-width:540px;min-width:320px;margin-bottom:6px;}
.main-notice-list a {position:relative;display:block;text-shadow:0px 0px 2px rgba(0,0,0,.8);}
.main-notice-list .content-notice-title {display:-webkit-box;-webkit-box-orient:vertical;width:38%;margin-bottom:6px;line-height:14px;height:28px;color:#ccc !important;font-size:11px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-font-smoothing:antialiased;}
.main-notice-list > div {position:relative;display:-webkit-box;-webkit-box-align:center;color:#d28900;margin:27px 0 8px 0;font-size:10px;text-shadow:0px 0px 2px rgba(0,0,0,.3);}
.main-notice-list span {display:block;}
.main-notice-list .news-more-view {color:#999 !important;font-weight:normal;}
.main-notice-list .news-bar {width:1px;height:8px;background-color:#666;margin:0 5px;}

/*메인메뉴*/
.main-menu {position:relative;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:100%;max-width:540px;min-width:320px;height:53px;margin-top:7px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_bg_ef04.png) 10px bottom / 168px 9px no-repeat;}
.main-menu > div {width:100%;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;}
.main-menu .menu-bar {width:1px;height:12px;background-color:#61656b;-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.main-menu a {display:block;-webkit-box-flex:1;font-size:15px;color:#d9e2ed !important;font-weight:normal;text-align:center;}
.main-menu a:first-child {margin-left:22px;}
.main-menu a:last-child {margin-right:22px;}

.main-contents {display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;font-weight:normal;background-color:#dedede;}

.main-bbs-group {position:relative;width:100%;max-width:540px;min-width:320px;background-color:#fff;letter-spacing:-1px;}
.bbs-title-group {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:end;width:100%;height:37px;padding-bottom:8px;border-bottom:1px solid #cdcdcd;}
.bbs-title-group > div {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:baseline;}
.main-bbs-title {margin-left:10px;font-size:15px;color:#28292e;}
.main-bbs-more {margin-right:10px;font-size:11px;color:#8d93a1 !important;}
.main-bbs-bar {width:1px;height:8px;margin:0 7px;background-color:#dfe3e9;}
.main-bbs-sort {margin-right:5px;}
.main-bbs-sort a {position:relative;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:end;height:37px;margin:0 5px;font-size:11px;color:#8d93a1 !important;}
.main-bbs-sort a.btn-on {background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/ico_focus.png) center 20px / 2px 2px no-repeat;color:#28292e !important;}

.bbs-container {position:relative;overflow:hidden;height:140px;}
.bbs-list-group {width:100%;background:#fff;letter-spacing:-1px;}
.bbs-list-group.bbs-text {width:100%;margin:0 auto;list-style:none;padding:8px 0 5px 0;z-index:1;}
.bbs-list-group.bbs-text .swiper-slide {width:100%;}
.bbs-list-group.bbs-text .swiper-slide a {display:-webkit-box;-webkit-box-align:center;height:28px;font-weight:normal;padding:0 10px;}
.bbs-list-group.bbs-text .content-new {display:none;width:10px;height:28px;margin:0 6px 0 2px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/ico_new.png) center center / 10px 10px no-repeat;}
.bbs-list-group.bbs-text .content-title {-webkit-box-flex:1;font-size:15px;color:#4e5568 !important;}

.writer-info-area {display:-webkit-box;-webkit-box-align:center;font-weight:normal;}
.bbs-container .writer-info-area {-webkit-box-pack:end;}
/*.content-level {width:20px;height:12px;margin:0 3px 0 10px;background:url(https://ssl.nexon.com/S2/Game/CSO/CSO2012/icon/ico_grade_01.gif) 0 0 / 100% 100% no-repeat;}*/
.content-level {height:22px;line-height:22px;width:initial;margin-right:5px;font-size:9px;color:#4e5568 !important;}
.content-writer {width:90px;height:28px;line-height:28px;text-align:left;font-size:9px;color:#8d93a1 !important;}
.content-title {overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}

.bbs-list-group .content-title {font-size:11px;font-weight:normal;}
.bbs-list-group .content-writer {height:22px;line-height:22px;width:initial;}

.bbs-list-group.bbs-image .content-title {margin:15px 8px 0px 8px;color:#ededed !important;}
.bbs-list-group.bbs-studio .content-title {margin:8px 48px 0px 8px;color:#1c1d1e !important;}

.bbs-list-group.bbs-studio .content-content {margin:3px 8px 6px 8px;display:-webkit-box;-webkit-box-orient:vertical;line-height:13px;height:40px;color:#606368 !important;font-size:9px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;-webkit-font-smoothing:antialiased;}

.bbs-list-group.bbs-image {position:relative;display:-webkit-box;width:100%;}
.bbs-list-group.bbs-image a {position:relative;-webkit-box-flex:1;margin:12px 10px 12px 10px;padding-bottom:30px;}
.bbs-list-group.bbs-image .main-img-info {position:absolute;width:100%;height:54px;left:0;bottom:0;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/info_bg.png) 0 0 / 1px 56px repeat-x;}

.bbs-list-group.bbs-studio {position:relative;display:-webkit-box;width:100%;}
.bbs-list-group.bbs-studio a {position:relative;-webkit-box-flex:1;margin:12px 10px 30px 10px;padding-bottom:81px;}
.bbs-list-group.bbs-studio .main-img-info {position:absolute;width:100%;height:95px;left:0;bottom:0;background-color:#dfe3e9;}

.bbs-list-group.bbs-studio .main-recommend {position:absolute;text-align:center;width:36px;height:38px;line-height:38px;right:8px;bottom:60px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_studio_recommend.png) 0 0 / 100% 100% repeat-x;}
.bbs-list-group.bbs-studio .content-recommend {font-size:15px;color:#eaeaea !important;font-weight:normal;}

.bbs-list-group.bbs-image a:first-child,
.bbs-list-group.bbs-studio a:first-child {margin-right:5px;}
.bbs-list-group.bbs-image a:last-child,
.bbs-list-group.bbs-studio a:last-child {margin-left:5px;}
.bbs-list-group img {display:block;width:100%;}

.content-img {position:relative;background:#666 url(https://file.nexon.com/NxFile/download/FileDownloader.aspx?oidFile=4764848104140706258) 0 0 / 100% 100% no-repeat;}

.content-best {position:absolute;width:42px;height:12px;left:8px;top:0;background:#666 url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/ico_best.png) 0 0 / 100% 100% no-repeat;}

.main-quick {display:-webkit-box;-webkit-box-pack:center;background:#111627 url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_quick_bg.png) 0 0 / 550px 110px repeat-x;}

.main-quick-bg {-webkit-box-flex:1;width:33%;height:100%;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_quick_ch.png) center center / 100% auto no-repeat;}
.main-quick-btn {display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;-webkit-box-flex:1;padding:14px 0 18px 0;}

.main-quick > div {position:relative;display:-webkit-box;-webkit-box-pack:center;width:100%;min-width:320px;max-width:540px;overflow:hidden;height:110px;}
.main-quick .btn-quick {display:block;width:196px;height:41px;background:transparent url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/main_quick_btn.png) 0 0 / 100% 200% no-repeat;}
.main-quick .btn-quick.quick-01 {background-position-y:0px;}
.main-quick .btn-quick.quick-01 {background-position-y:-41px;}

#page-main .area-footer {border:none;}
#page-main .area-footer .area-global div {background-color:#444;}
#page-main .area-footer .area-global a {color:#999 !important;}
#page-main .area-footer .txt-copyright {color:#555 !important;}

/*swiper*/
#page-main .device {position:relative;padding:0 5px;margin-top:19px;}
#page-main .pagination-center {position:absolute;width:100%;display:-webkit-box;-webkit-box-pack:center;bottom:172px;}
#page-main .object-center {position:absolute;width:100%;display:-webkit-box;-webkit-box-pack:center;bottom:189px;}
#page-main .object-center > div {position:relative;width:100%;max-width:540px;min-width:320px;}
#page-main .swiper-pagination {position:relative;width:100%;max-width:540px;min-width:320px;text-align:right;-webkit-transition:300ms opacity;-o-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;}
#page-main .swiper-container-horizontal > .swiper-pagination-bullets {left:0;width:100%;}
#page-main .swiper-pagination-bullet {width:10px;height:2px;display:inline-block;margin:0 2px;background:#8a8a8a;}
#page-main .swiper-pagination-bullet:last-child {margin:0 12px 0 2px;}
#page-main .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;}
#page-main .swiper-pagination-bullet-active {background:#fff;}

#page-main .arrow-left {position:absolute;display:block;width:25px;height:25px;overflow:hidden;left:3px;top:62px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/banner_arrow.png) 0 0 / 25px 50px no-repeat;z-index:20;}
#page-main .arrow-right {position:absolute;display:block;width:25px;height:25px;overflow:hidden;right:3px;top:62px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/banner_arrow.png) 0 -25px / 25px 50px no-repeat;z-index:20;}

#page-main .device .banner-container {position:relative;width:100%;max-width:540px;min-width:320px;margin:0 auto;overflow:hidden;list-style:none;padding:0;z-index:1;}
#page-main .device .swiper-slide {display:-webkit-box;-webkit-box-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;width:180px;}
#page-main .device .swiper-slide a {position:relative;display:block;width:170px;height:109px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/main/test-banner-1.jpg) 0 0 / 170px 109px no-repeat;}

#page-main .device .swiper-slide a .banner-ico.event {position:absolute;width:15px;height:18px;top:12px;left:15px;background:url(https://ssl.nexon.com/s2/game/cso/cso2018/main/ico_evt.png) 0 0 / 100% 100% no-repeat;}
#page-main .device .swiper-slide a .banner-ico.etc {position:absolute;width:15px;height:18px;top:12px;left:15px;background:url(https://ssl.nexon.com/s2/game/cso/cso2018/main/ico_upd.png) 0 0 / 100% 100% no-repeat;}
#page-main .device .swiper-slide a .banner-title {position:absolute;width:70px;height:46px;top:34px;left:15px;line-height:13px;color:#ddd !important;font-weight:normal;font-size:11px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;word-break:keep-all;text-shadow:0px 0px 2px rgba(0,0,0,.8);-webkit-font-smoothing:antialiased;}
#page-main .device .swiper-slide a .banner-date {position:absolute;width:100px;height:20px;top:76px;left:15px;line-height:11px;color:#9c9eaa !important;font-weight:normal;font-size:10px;text-shadow:0px 0px 2px rgba(0,0,0,.8);-webkit-font-smoothing:antialiased;}



