.center_box .log_box {width:427px; background: #21252a;}
.center_box .before_log {text-align: center; font-size: 16px; color: #a0a2a3; font-weight: 400; margin-top: 43px;}
.center_box .before_log div:nth-child(2) a {font-size: 22px; color: #fff; font-weight: 400; background: linear-gradient(to bottom, #f04130 50%, #ee2627 50%); width: 280px; height: 60px; display: inline-block; line-height: 60px; margin-top: 22px;}
.center_box .before_log div:nth-child(2) a:hover {background: linear-gradient(to bottom, #ff7761 0%, #f64a42 50%, #f63f38 50%, #ef313d 100%);}
.center_box .before_log div:nth-child(3) {position: relative;}
.center_box .before_log div:nth-child(3) a {color: #a0a2a3; font-size: 14px; display: inline-block; margin-top: 39px; padding: 0 10px;}
.center_box .before_log div:nth-child(3) a:nth-child(2)::before {display:block;content:'';position:absolute;width:2px;height:12px; background:#46494d; left: 172px; top: 41px;}
.center_box .before_log div:nth-child(3) a:nth-child(2)::after {display:block;content:'';position:absolute;width:2px;height:12px; background:#46494d; top: 41px; right: 157px;}
.center_box .before_log div:nth-child(3) a:hover {color: #fff;}
.center_box .after_log {width: 427px; height: 179px; position: relative;}
.center_box .after_log .log_top {display: flex; margin: 47px 0 0 29px;}
.center_box .after_log .log_top>div:first-child {width: 92px; height: 92px; overflow: hidden; border-radius: 46px; background:#151515;}
.center_box .after_log .log_top>div img {margin: -3px 0 0 -20px;}
.center_box .after_log .log_top div div {height: 32px;}
.center_box .after_log .log_top div div:first-child {margin-bottom: 22px;}
.center_box .after_log .log_top div:nth-child(2) div {width: 175px; display: flex; align-items: center; margin-left: 20px; font-size: 16px; color: #a0a2a3; user-select: none;}
.center_box .after_log .log_top div:nth-child(3) div a {width: 80px; height: 32px; background: #543c2b; display: flex; justify-content: center; align-items: center;}
.center_box .after_log .log_top div:nth-child(3) div a:hover {background: #733e18;}
.center_box .after_log .log_top div:nth-child(3) div a {color: white; font-weight: 200; letter-spacing: .5px;}
.center_box .after_log .log_bottom {position: absolute; width: 100%; height: 40px; background: #121416 ; bottom: 0px; display: flex; align-items: center;}
.center_box .after_log .log_bottom>a {font-size: 16px; color: #939393; width: 50%; text-align: center; padding: 9px 0;}
.center_box .after_log .log_bottom>a:first-child {border-right: 1px solid #454545;}
.center_box .after_log .log_bottom>a:last-child {/*margin-left: -13px;*/ text-align: left; padding-left: 65px;}
.center_box .after_log .log_bottom>a:last-child::after {display:block;content:'';position:absolute;width:22px;height:15px; background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/faq_off.gif); top: 13px; right: 60px;}
.center_box .after_log .log_bottom>a.on:last-child::after {display:block;content:'';position:absolute;width:22px;height:15px; background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/faq_on.gif); top: 13px; right: 60px;}
.center_box .after_log .log_bottom>a:hover {color: #b2a083;}