﻿/*공통*/
* div {text-shadow:none;}
a {display:block;}
p, h1, h2, h3, h4, h5, ul, li, ol {display: block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;margin:0;padding:0}
a:-webkit-any-link {color:#222;text-decoration:none;cursor:auto;}
.blind,
.hidden,
.legend {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-10000px;}
.content-wrapper {min-height:350px;background-color:#fff;}

/*서브해더*/
.sub-header {position:relative;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;height:48px;background-color:#1e1e1e;}
.sub-header > div {position:relative;z-index:2;}
.sub-header .btn-logo {display:block;width:120px;height:28px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_logo.png) no-repeat;background-size:120px 28px;}

/*.sub-header .btn-auth > div {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;}*/
.sub-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;}
.sub-header .title {position:absolute;left:0px;top:0px;width:100%;height:48px;text-align:center;line-height:48px;font-size:15px;color:#8d8d8e;z-index:1;}

/*메인해더*/
.faq-header {display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify;height:49px;border-bottom:1px solid #02449a;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_header_ptn.png) no-repeat, url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_header_bg.png) repeat-x;background-size:1269px 49px, 1px 49px;background-position:top center;}
.faq-header > div:nth-child(1) {width:70px;}
.faq-header .btn-logo > div {width:160px;height:34px;background:url(https://ssl.nexon.com/S2/Game/Ca/2014/mobile/main/btn_logo.png) no-repeat;background-size:160px 34px;}
.faq-header .btn-auth > div {width:70px;height:34px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/btn_auth.png) no-repeat;background-size:70px 68px;}

/*서브메뉴*/
#page-list .sub-1depth-1 {display:-webkit-box;height:35px;border-bottom:1px solid #353535;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_submenu_bg.png) repeat-x;background-size:1px 35px;}
#page-list .sub-1depth-1 > div {display:-webkit-box;-webkit-box-flex:1;}
#page-list .sub-1depth-1 > div > div {-webkit-box-flex:1;height:35px;}
#page-list .sub-1depth-1 > div > div > a > div {line-height:36px;display:-webkit-box;-webkit-box-align:center;height:35px;margin-left:10px;font-size:14px;font-weight:normal;color:#7a6a4b;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;letter-spacing:-1px;}
#page-list .sub-1depth-1 > div > div > a.btn-on > div {background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/icon_sub_arrow_on.png) no-repeat;background-size:10px 10px;background-position:left center;padding-left:10px;color:#8a3100;width:72px}
#page-list .sub-1depth-1 .btn-nav-toggle > div {width:40px;height:35px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/btn_menu.png) no-repeat;background-size:40px 35px;}
#page-list .sub-1depth-1 > div > div > div {width:40px;}


#page-list .sub-menu {display:-webkit-box;background-color:#202d41;}
#page-list .sub-menu .btn-nav-toggle {display:block;width:40px;height:35px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_menu.png) no-repeat;background-size:40px 35px;}
#page-list .menu-container {position:relative;-webkit-box-flex:1;overflow:hidden;padding-left:5px;}
#page-list .menu-container a { position: relative; display: -webkit-box; -webkit-box-align: center; height: 35px; padding: 0 10px; font-size: 13px; font-weight: normal; color: #98a1b4 !important; }
#page-list .menu-container a.target-blank { padding-right: 27px; }
#page-list .menu-container a.target-blank::after { position: absolute; width: 14px; height: 14px; top: 11px; right: 10px; background: url(https://lwi.nexon.com/cso/mobile/m_global_new2.png) 0 0 / 14px 14px no-repeat; content: "" }
#page-list .menu-container a.btn-on {color:#3cacff !important;}
#page-list .menu-container .menu-gradation {position:absolute;width:25px;height:100%;top:0;right:0;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/submenu_r.png) 0 0 / 25px 1px repeat-y;z-index:1;}
#page-list .menu-container .swiper-slide:last-child > a {margin-right:20px;}


#page-read .sub-1depth-1 {display:-webkit-box;height:35px;background-color:#202d41;}
#page-read .sub-1depth-1 > div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-flex:1;height:35px;font-size:12px;font-weight:normal;color:#98a1b4;}
#page-read .sub-1depth-1 .btn-back > div {width:40px;height:35px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_back.png) no-repeat;background-size:40px 35px;}
#page-read .sub-1depth-1 .btn-nav-toggle > div {width:40px;height:35px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_menu.png) no-repeat;background-size:40px 35px;}

#page-write .sub-1depth-1 {display:-webkit-box;height:35px;background-color:#202d41;}
#page-write .sub-1depth-1 > div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-flex:1;height:35px;font-size:12px;font-weight:normal;color:#98a1b4;}
#page-write .sub-1depth-1 .btn-back > div {width:40px;height:35px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_back.png) no-repeat;background-size:40px 35px;}
#page-write .sub-1depth-1 .btn-nav-toggle > div {width:40px;height:35px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_menu.png) no-repeat;background-size:40px 35px;}

/*푸터*/
.area-footer {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;-webkit-box-orient:vertical;margin-bottom:60px;padding-top:20px;}
.area-footer .area-global {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;height:15px;margin-bottom:6px;}
.area-footer .area-global a {display:block;font-size:11px;color:#bdbdbd;margin:0 10px;font-weight:normal;}
.area-footer .area-global a span {display:block;font-weight:bold;}
.area-footer .area-global div {width:1px;height:9px;background-color:#636870;}
.area-footer .txt-copyright {line-height:12px;font-size:10px;font-weight:normal;text-shadow:none;text-decoration:none;color:#868a90;}

/*퀵메뉴*/
.area-quick {position:fixed;display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;width:100%;height:39px;bottom:0px;background-color:rgba(0,0,0,.6);z-index:999995;}
.area-quick .btn-quick-top > div {background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_quick_top.png) no-repeat;background-size:30px 27px;}
.area-quick .btn-quick-menu > div {background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_quick_menu.png) no-repeat;background-size:30px 27px;}
.area-quick a > div {width:30px;height:27px;}
.area-quick > div:nth-child(2) {width:4px;}
.area-quick > div:nth-child(4) {width:9px;}
.area-quick-auth,
.area-quick-write {position:fixed;left:9px;bottom:6px;z-index:999996;}
.area-quick-delete {position:fixed;left:76px;bottom:6px;z-index:999996;display:none;}
.area-quick-write {display:none;}
.area-quick-auth .btn-quick-auth > div {width:63px;height:27px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_quick_auth.png) no-repeat;background-size:63px 27px;}
.area-quick-write .btn-quick-write > div {width:63px;height:27px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_quick_write.png) no-repeat;background-size:63px 27px;}
.area-quick-delete .btn-quick-delete > div {width:63px;height:27px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_quick_delete.png) no-repeat;background-size:63px 27px;}

/*네비게이션*/
.ui-nav-area {position:absolute;z-index:999999;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);overflow-x:hidden;display:none;}
.ui-nav-close {position:absolute;display:block;width:100%;height:100%}
.ui-nav-slide {position:absolute;width:250px;height:100%;right:-200px;top:0;background-color:rgba(17,18,27,.85);letter-spacing:-1px;}
.nav-logo {display:block;width:250px;height:48px;margin-bottom:7px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_logo.png) center center / 120px 28px no-repeat;}
.nav-btn-close {position:absolute;display:block;width:22px;height:22px;top:14px;left:-36px;background:url(https://ssl.nexon.com/S2/Game/CSO/mobile/2018/common/btn_nav_close.png) 0 0 / 100% 100% no-repeat;}

.nav-1depth-area {position:relative;width:250px;height:32px;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:15px;color:#ddd !important;font-weight:normal !important;}
.nav-1depth-area .nav-bottom-bar {position:absolute;bottom:0;width:100px;height:1px;left:50%;margin-left:-50px;background-color:rgba(255,255,255,.5);}
.nav-2depth-area {padding:5px 0 14px 0;}
.nav-2depth-area > div {display:-webkit-box;}
.nav-2depth-area a {position:relative;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:125px;height:30px;font-size:12px;color:#aaa !important;font-weight:normal !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}
.nav-2depth-area a.focus-on {color:#00aeff !important;}
.nav-2depth-area a.target-blank::after { position: absolute; width: 14px; height: 14px; top: 9px; right: 12px; background: url(https://lwi.nexon.com/cso/mobile/m_global_new.png) 0 0 / 14px 14px no-repeat; content: "" }

/*개인화*/
.area-avatar-info {display:none;position:absolute;width:100%;height:100%;z-index:999999;left:0;top:0;overflow:hidden;background-color:rgba(0,0,0,.5);}
.area-avatar-info .ui-info-close {position:absolute;width:100%;height:100%;left:0;top:0;}
.area-avatar-info .avatar-info-panel {position:absolute;top:7px;right:-200px;}
.area-avatar-info .avatar-info-header {position:relative;display:-webkit-box;padding-left:42px;padding-right:11px;width:134px;height:42px;background-size:187px 42px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_info_top.png);}
.area-avatar-info .avatar-info-content {position:relative;padding-left:42px;padding-right:11px;width:134px;background-size:187px 1px;background-repeat:repeat-y;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_info_bg.png);}
.area-avatar-info .avatar-info-bottom {position:relative;width:187px;height:15px;background-size:187px 15px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_info_bottom.png);}
.area-avatar-info .info-setting-header {position:relative;display:-webkit-box;-webkit-box-align:center;padding-left:42px;padding-right:11px;width:134px;height:31px;background-size:187px 31px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_info_middle.png);font-size:13px;font-weight:bold;color:#444;}
.area-avatar-info .info-setting-content {position:relative;padding:8px 15px 2px 44px;width:128px;background-size:187px 1px;background-repeat:repeat-y;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/img_info_bg.png);}
.area-avatar-info .info-setting-content .btn-account-confirm {width:128px;height:32px;background-size:128px 32px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/btn_id_select.png);}
.area-avatar-info .info-setting-content .select-account-area {margin-bottom:4px;}

.avatar-info-header > div:first-child {position:relative;top:17px;display:-webkit-box;-webkit-box-align:center;width:55px;height:19px;font-size:13px;font-weight:bold;color:#6e3e00;}
.avatar-info-header > div:nth-child(2) {-webkit-box-flex:1;}
.avatar-info-header .btn-logout {position:relative;top:16px;width:55px;height:19px;background-size:55px 19px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/btn_logout.png);}
.avatar-info-header .btn-info-close {position:absolute;width:15px;height:15px;top:10px;left:11px;background:transparent;}

.avatar-info-content .myinfo-avatar {position:relative;left:24px;width:84px;height:80px;margin-bottom:2px;background-image:url(https://ssl.nexon.com/S2/Game/CA/2014/contents/nocharacter.gif);background-repeat:no-repeat;background-size:84px 80px;}
.avatar-info-content .myinfo-panel {position:relative;margin-bottom:6px;width:107px;height:20px;background-image:url(https://ssl.nexon.com/S2/Game/Ca/Ca/fx/IDPanelImage/IDDeco/IDDeco_C000.gif);background-repeat:no-repeat;background-size:107px 20px;}
.avatar-info-content .myinfo-ladder {position:absolute;left:6px;top:4px;width:13px;height:12px;background-size:13px 12px;background-repeat:no-repeat;background-image:none;}
.avatar-info-content .myinfo-level {position:absolute;left:23px;top:4px;width:13px;height:12px;background-size:13px 12px;background-repeat:no-repeat;background-image:none;}
.avatar-info-content .myinfo-writer {position:absolute;width:67px;height:20px;line-height:20px;top:0px;left:39px;letter-spacing:-1px;color:#fff;text-shadow:0px 0px 1px #000, 0px 0px 1px #000;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}
.avatar-info-content .myinfo-server {position:absolute;right:12px;top:83px;width:24px;height:17px;background-size:24px 17px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/icon_server_happy.png);}
.avatar-info-content .myinfo-info {position:relative;padding-bottom:13px;font-size:12px;color:#444;}
.avatar-info-content .myinfo-info > div {display:-webkit-box;-webkit-box-align:center;padding-left:15px;height:18px;background-size:10px 10px;background-repeat:no-repeat;background-image:url(https://ssl.nexon.com/S2/Game/CSO/mobile/images/common/icon_arrow_info.png);background-position:4px center;}
.avatar-info-content .myinfo-info > div > div:first-child {width:34px;}
.avatar-info-content .myinfo-info > div > div:nth-child(2) {width:1px;height:8px;background-color:#cdcdcd;margin-right:10px;}
.avatar-info-content .myinfo-info > div > div:nth-child(3) {color:#666;}