.wrapper {background: #fff;position: relative;margin: 0 auto;}
.Header{width: 100%;}
.Header .at-header{display: flex;justify-content: space-between;align-items: center;padding: 15px 10px;border-bottom: 1px solid #E4E4E4;}
.Header .at-header .h_left{display: flex;align-items: center;}
.Header .at-header .h_right{display: flex;align-items: center;}
.Header .at-header .left-menu{color: #0545B1;cursor: pointer;font-size: 34px;}
.Header .at-header .right-menu{color: #0545B1;cursor: pointer;font-size: 24px;}
.Header .at-header .h_left .header-logo{margin-left: 10px;}
.Header .at-header .h_left .header-logo img{height: 26px;}
.Header .pc_btn>a {width: 78px;height: 33px;display: block;border-radius: 5px;line-height: 33px;text-align: center;font-size: 13px;font-weight: 600;color: #fff;background-color: #0545B1;}

.header-search {border-bottom: 1px solid #e4e4e4;}
.header-search .form{border:solid 1px #b2b2b2;padding:5px 0;background:#fff;border-radius:4px;margin: 10px;}
.header-search input {box-shadow:none;border:none;font-size: 16px;}
.header-search .btn {background:#fff;border: none;color: #d75151;}
.header-search .input-group{display: flex;padding: 0 10px;align-items: center;}
.header-search .input-group .form-control{z-index:0;width: 100%;height: 30px;}


.sidenav{
    height: 100%;
    width: 280px;
    background-color: #222222;
    left: 0;
    top: 0;
    z-index: 3;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-280px,0);
    -ms-transform: translate(-280px,0);
    -webkit-transform: translate(-280px,0);
}

.sidenav #gnb_close {display:block;position:absolute;right:8px;top:22px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent}

.sidenav .signin{display: flex;align-items: center;padding: 20px 20px 20px 20px;}
.sidenav .signin .side-circle img{height: 40px;}
.sidenav .signin h2 a{color: #fff;font-size: 28px;font-weight: bold;}
.sidenav .side-box a {color: #bfbfbf;font-size: 14px;}
.sidenav .side-box .panel { background: none; }
.sidenav .side-box .panel .panel-collapse{display: none;}
.sidenav .side-box .ca-head { padding: 20px 15px; border-bottom:1px solid #030303; }
.sidenav .side-box .ca-head i{margin-right: 5px}
.sidenav .side-box .ca-head.active > a { font-weight:bold !important; color: crimson !important; }
.sidenav .side-box .ca-head .no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.sidenav .side-box .ca-head .is-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "+"; }
.sidenav .side-box .out .is-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "-"; }

.sidenav .side-box .ca-sub { padding:0; margin:0; list-style:none; background: #404040; padding:4px 0px; margin:0px; border-bottom:1px solid #404040 }
.sidenav .side-box .ca-sub i{margin-right: 5px}
.sidenav .side-box .ca-sub li { padding:6px 25px; padding-right:12px; }
.sidenav .side-box .ca-sub li.on a { font-weight:bold !important; color: crimson !important; }
.sidenav .side-box .ca-sub li.on a { font-weight:bold !important; color: crimson !important; }
.sidenav .side-box .ca-line { margin:12px 0px 0px; border:0px; }
.sidenav .side-box .new { color:crimson; }
.sidenav .side-box .sub-new { color:crimson; }
.ssm-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    display: none;
    z-index: 2;
}
/* Go-Top */
#toTop { background: rgba(0, 0, 0, 0.5); border-radius: 50%; border: currentColor; border-image: none; width: 40px; height: 40px; right: 9px; bottom:48px; text-indent: 100%; overflow: hidden; text-decoration: none; display: none; position: fixed; }
.is-mobile #toTop { right:5px; bottom:5px; }
#toTopHover { width: 40px; height: 40px; overflow: hidden; float: left; display: block; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop::before { left:0px; top:0px; width: 40px; height: 40px; text-align: center; color: #fff; line-height: 38px; text-indent: 0px; font-family: "FontAwesome"; font-size: 30px; position: absolute; content: "\f106"; }

.foot_nav { position: fixed; bottom: 0px; padding: 0px; margin: 0px; width: 100%;z-index: 1;}
.foot_nav .chatting p { width: 100%; padding: 0px; margin: 0 0 -6px 0px;}
.foot_nav .chatting3 p { width: 100%; padding: 0px; margin: 0 0 -7px 0px;}
.foot_nav .tool_menu { overflow: hidden; list-style: none;border-top: 1px solid #484A4D; border-bottom: 1px solid #484A4D;display: flex;}
.foot_nav .tool_menu li {width: 25%; background: #0545B1; text-align: center; border-right: 1px solid #4c80f3;box-sizing: border-box;}
.foot_nav .tool_menu li a { font-size: 11px; color: #fff;line-height: 40px; border-right: 1px solid #4a4a4a; white-space: nowrap;}

/* Swipe-menu-style */
.swipe-menu{display: flex;}
.swipe-menu.nav-tabs{border-bottom:0;}
.swipe-menu.nav-tabs>li {color: #fff;border:0;margin:10px 0 0;cursor:pointer;padding: 0 3px 7px;text-align: center;}
.swipe-menu.nav-tabs>li.hover {color: #000;border:0;margin:10px 0 0;cursor:pointer;padding: 0 3px 7px;}
.wide.swipe-menu.nav-tabs>li.active{border:0;background-color:transparent;border-bottom:red solid 2px;}
.narrow.swipe-menu.nav-tabs>li.active span{border-bottom:solid 2px;padding: 0 5px 9px;}
.swipe-menu.nav>li, .swipe-menu.nav>li{    width: 25%;border-bottom: solid 2px transparent;background-color:transparent}
.swipe-menu.nav>li, .swipe-menu.nav>li>span> a:hover, .swipe-menu.nav>li>span>a:focus, .swipe-menu.nav>li>span>a:active{color: #fff;width: 25%;border-bottom: solid 2px transparent;background-color:transparent}
.swipe-menu.nav-tabs>li.active{color:white;}
.mc_pcgo {width: 100%;padding: 10px 20px;text-align: center;box-sizing: border-box;}
.mc_pcgo button {width: 90%;padding: 10px 10px;font-size: 15px;text-align: center;border: none;border-radius: 5px;color: #fff;background: #0545B1;box-sizing: border-box;}

/* Footer */
.at-footer{background:#fff;border-top:solid 1px #1a1a1a;height: 58px;display: flex;align-items: center;justify-content: center;}
.at-footer .box{border:solid 1px #404040;width:66px;height:25px;display: inline-flex;align-items: center;justify-content: center;}

/* Page Title */
.page-title {position:relative; background: #bfbfbf; border-bottom:1px solid #ddd;padding:0 15px;}
.page-title h2 {color:#fff;padding: 24px 0px; font-size: 22px;font-weight: bold;}
#start_iframe{margin: 5px}
.game-itme{display: none;}

.info_contents{display: none;}

.iframe-box{position: relative;width: 100%;margin: 10px 0 0 0;padding: 0}
.iframe-box .iframe-tabs{background: #0545B1;display: flex;border: 1px solid #0545B1;}
.iframe-box .iframe-tabs li{width: 50%;height: 45px;align-items: center;justify-content: center;display: flex;cursor: pointer;color: #fff;}
.iframe-box .iframe-tabs li.active{background: #fff;color: #000;font-weight: bolder;}
.iframe-box .iframe-content .post-list{display: none;}