@charset "euc-kr";/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Shin 250330
updated : 250624
------------------------------------------------------------
*/
/* content */
.wrap{background:
    url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/main_bg1.jpg) no-repeat center 1352px, 
    url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/main_bg2.jpg) no-repeat center 1890px,
    url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/main_bg3.jpg) no-repeat center 2290px,
    url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/main_bg4.jpg) no-repeat center 2808px #211e19;}
.info {display: flex; justify-content: center;}

/*visual*/
.wrap, .content, .visual, .info, .footer{position:relative; min-width: 1280px;}
.visual li{height:640px; background-repeat: no-repeat; background-position: center 0;}    
.visual .txt{margin:0 auto;width:2560px}
.visual .txt a{display:block;height:640px;color:#fff;text-indent:-9999px;}
.tabs {position:absolute;top: 50%;left: 50%;transform: translate(calc(-50% - 120px), 25%);height: 52px; width: 1160px; z-index: 5; top: 581px;}    
.tabs .page {top: 35px; color: #ababab;font-weight: 400;z-index: 9;font-size: 16px; position: absolute; line-height: 22px; width: 160px;}
.tabs .page .swiper-pagination {width: 40px; text-align: right; color: #ababab; font-weight: 300;}
.tabs .page .swiper-pagination .swiper-pagination-current {color: #fff; font-weight: 300;}
.tabs .bigbtn {display: flex; position: absolute; left: 18px; top: -302px;}
.tabs .bigbtn .swiper-button-prev:after, .bigbtn .swiper-button-next:after {content:'';}
.bigbtn .swiper-button-prev, .bigbtn .swiper-button-next {cursor: pointer; transition: .1s; position: absolute; top: 14px; opacity: .8;}
.bigbtn .swiper-button-prev {left: -3px;}
.bigbtn .swiper-button-next {left: 1340px;}
.bigbtn .swiper-button-prev:hover {left: -6px; opacity: 1; transition: .2s;}
.bigbtn .swiper-button-next:hover {left: 1343px; opacity: 1; transition: .2s;}
.tabs .page {transform: rotate(1800deg); top:-69px; right: -181px;}
.view .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 0px;
    background: #626262;
    opacity: 1;
}
.view .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #b22323;
}
.view .swiper-horizontal>.swiper-pagination-bullets,
.view .swiper-pagination-bullets.swiper-pagination-horizontal,
.view .swiper-pagination-custom,
.view .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}
.view .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.view .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}
.view .swiper-horizontal>.swiper-pagination-bullets, .view .swiper-pagination-bullets.swiper-pagination-horizontal, .view .swiper-pagination-custom, .view .swiper-pagination-fraction {
    bottom: 18px;
    top: auto;
    left: 0;
    width: 100%;
}

/* header */
.navi .gnb h1{margin: 5px 0 0 33px;}
.navi .nav_box {margin: 12px 0 11px 38px;}
.navi .gnb{width: 100%; flex-grow: 1; justify-content: space-between;}
.navi .gnb>div>ul {min-width: 768px; max-width: 1004px; display: flex; justify-content: space-between; padding-right: 20px;}
.start_box {right: 0px; z-index: 100; display: flex; justify-content: flex-end;}
.start_box .download a {width: 90px; height: 90px; background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/download_on.jpg) no-repeat; display: inline-block;}
.start_box .download.off a {display: none;}
.start_box .download a img {transition: .1s;}
.start_box .download a:hover img {opacity: 0; transition: .3s;}
.start_box .game_start a {z-index: 305; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_1.gif) no-repeat; display: inline-block;}
.start_box .game_start a img {width:300px; height: 90px;}
.start_box .game_start a:hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_1_on.gif) no-repeat;}

.start_box .game_start.on a {z-index: 305; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_2.gif) no-repeat; display: inline-block;}
.start_box .game_start.on a img {width:240px; height: 90px;}
.start_box .game_start.on a:hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_2_on.gif) no-repeat;}

/* center_box */
.center_box {display: inline-flex; height: 226px; position: absolute; top: 532px;left: 50%;transform: translateX(-50%); z-index:1; }
.center_box .game_start {width: 427px; position: relative;}
.center_box .game_start .start_knight {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/start_main_set.gif) no-repeat; position: relative;}
.center_box .game_start .start_knight img {margin: -62px 0 0 167px;}
.center_box .game_start div:last-child {position: absolute; width: 100%; height: 40px; background: #0d0d0d; bottom: 0px; display: flex; align-items: center;}
.center_box .game_start>a {width: 427px; height: 186px; position: absolute; top: 0; z-index: 1;}
.center_box .game_start>a:hover ~ .start_knight img {margin-top: -57px; transition: .3s;}
.center_box .game_start>a:hover ~ .start_knight {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/start_main_set_on.gif) no-repeat; position: relative;}
.center_box .game_start div a {font-size: 16px; color: #939393; width: 50%; text-align: center;  padding: 9px 0;}
.center_box .game_start div a:first-child {border-right: 1px solid #454545;}
.center_box .game_start div a:hover {color: #b2a083;}

/*Ŭ·¡½º¸í ºÐ¸® ¾ÈÇϼż­ ±×³É css ºÐ¸®ÇÔ : ·Î±×Àοµ¿ª*/

.center_box .find_out {width: 426px;}
.center_box .find_out div {overflow: hidden; font-size: 16px; color: #7f7f7f; line-height: 26px; width: 100%;}
.center_box .find_out div::first-line {font-size: 20px; color: #e6e6e6;}
.center_box .find_out .top {height: 113px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/findout_top.png) no-repeat; display: flex;}
.center_box .find_out .top>div:first-child {margin: 30px 0 0 36px;}
.center_box .find_out .top>div:last-child {margin: 4px 0 0 6px; transition: .1s;}
.center_box .find_out .top:hover>div:first-child::first-line {color: white;}
.center_box .find_out .top:hover>div:last-child {margin: -6px 0 0 6px; transition: .2s;}
.center_box .find_out .bottom {height: 113px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/findout_bottom.png) no-repeat; display: flex;}
.center_box .find_out .bottom>div:first-child {margin: -24px 0 0 7px; transition: .1s;}
.center_box .find_out .bottom:hover>div:first-child {margin: -34px 0 0 7px; transition: .2s;}
.center_box .find_out .bottom:hover>div:last-child::first-line {color: white;}
.center_box .find_out .bottom>div:last-child {margin: 29px 0 0 14px;}

/* »õ¼Ò½Ä, ÀÏÁ¤Ç¥ */
.info.news_sched {margin-top: 220px; display: flex;}
.info.news_sched .info_box:nth-child(1) {width: 458px;}
.info.news_sched .info_box:nth-child(2) {width: 458px; margin: 0 24px;}
.info.news_sched .info_box:nth-child(3) {width: 316px;}
.info.news_sched .info_box:nth-child(2) .bottom .news {height: 257px; overflow: hidden;}
.info.news_sched .info_box .top {height: 45px; border-bottom: 1px solid #47423a; display: flex; justify-content: space-between;}
.info.news_sched h2 {font-size: 24px; color: white; font-weight: 500; line-height: 24px; letter-spacing: -1px;}
.info.news_sched .bottom .news {border-bottom: 1px solid #47423a; padding: 2px 0;}
.info.news_sched .bottom .news_cont {display: flex; padding: 11px 0; cursor: pointer; position: relative;}
.info.news_sched .bottom .news_cont:hover div:last-child {text-decoration: underline;text-underline-offset:3px; color: #d9cfc5;}
.info.news_sched .info_box:nth-child(2) .bottom .news_cont:hover div:last-child {text-decoration: none; cursor: default;}
.info.news_sched .bottom .news_cont div {color: #d9cfc5; font-weight: 200; letter-spacing: 0px; display: flex; align-items: center;}
.info.news_sched .bottom .news_cont div:first-child {font-weight: 400;}
.info.news_sched .bottom .news_cont div:nth-child(2) {margin: 6px 0 0  22px; display: block; width: 365px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.info.news_sched .bottom .news_cont .round_btn {display: inline-block; width: 80px; height: 28px; display: flex; justify-content: center; align-items: center; font-size: 14px;}
.info.news_sched .info_box:nth-child(2) .bottom {position: relative;}
.info.news_sched .info_box:nth-child(2) .bottom .news_cont .round_btn {display: inline-block; width: 80px; height: 28px; display: flex; justify-content: center; align-items: center; font-size: 14px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; background: #482b1e;}
.info.news_sched .info_box:nth-child(2) .bottom .news_cont.on div:nth-child(3) {position: absolute; width: 100%; height: 90%; top: 3px; border: 3px solid #e9cfa2;}
.info.news_sched .info_box:nth-child(2) .bottom .news_cont.on div:nth-child(2) {color: #ffd4a5;}
.info.news_sched .info_box:nth-child(2) .bottom .news_cont.on .round_btn {background: #8b553d;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn {position: absolute; z-index: 1; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-content: stretch; overflow: hidden;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn:hover div {opacity: 1; transform: scale(1); transition: .2s;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn:hover div:first-child {top: 0; transition: .3s;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn:hover div:last-child{bottom:0; transition: .3s;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn div {position: relative;  opacity: 1; transition: .1s; transform: scale(1.0);}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn div div:hover {cursor: pointer;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn div div:first-child{top: -50px; transition: .1s;}
.info.news_sched .info_box:nth-child(2) .bottom .sched_btn div div:last-child{position: absolute; bottom: 0; bottom: -50px; transition: .1s;}
.info.news_sched .bottom .news_cont .round_col1 {color:#b7d2df;}
.info.news_sched .bottom .news_cont .round_col2 {color:#dda8de;}
.info.news_sched .bottom .news_cont .round_col3 {color:#f1998d;}
    /*À̺¥Æ® ¹è³Ê*/
.new_event {box-sizing: border-box;width:316px; height: 302px;overflow: hidden;position: relative;}
.new_event .swiper-pagination {position: absolute; left: -5px; bottom: 7px; text-align: right}
.new_event .swiper-pagination-bullet {opacity: 1; background: #989898;}
.new_event .swiper-pagination-bullet-active {opacity: 1; background: #e8164c;}

/* ÀüÀï ½ÇȲ */
.info.war_live {width:1280px; margin: 0 auto; margin-top: 60px;}
.info.war_live h2 {font-size: 24px; color: white; font-weight: 500; letter-spacing: -1px; height: 45px;}
.info.war_live .top>div {width: 1280px; border-bottom: 1px solid #47423a; display: flex; justify-content: space-between;}
.info.war_live .top div div:last-child {display: inline-block; margin-top: 8px;}
.info.war_live .top div div:last-child a {color: #d7c6ac; background: #453d31; width: 73px; height: 24px; display: inline-block; text-align: center; font-size: 14px; line-height: 24px; border-radius: 12px; margin-left: 5px;}
.info.war_live .top div div:last-child a:hover, .info.war_live .top div div:last-child a.on {color: #fff; background: #b00a0a;}
.info.war_live .top>div:last-child {font-size: 16px; color: #a39688; font-weight: 500; padding: 18px 0 20px; border-bottom: none;}
.info.war_live .bottom .war_now {display: flex; justify-content: space-between;}
.info.war_live .bottom .war_now>div:first-child {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/livewar_back.jpg) no-repeat; width: 860px; height: 370px;}
.info.war_live .bottom .war_now .warhero {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/war_hero.jpg) no-repeat; width: 400px; height: 370px;}
    /* ÀüÀï Áß°è */
.info.war_live .bottom .text_eff {position: absolute; top: 188px; width: 100px; height: 60px; text-align: center; overflow: hidden;}
.info.war_live .bottom .text_eff:first-child {left: 138px;}
.info.war_live .bottom .text_eff:last-child {left: 620px;}
.info.war_live .bottom .text_eff:first-child img {margin-top: -720px;} /*[-n*72] <-nÀº ¼­¼ö*/
.info.war_live .bottom .text_eff:last-child img {margin-top: -720px;}
    /* ÀüÀï ¿µ¿õ */
.info.war_live .bottom .hero_img {display: flex; justify-content: flex-start; color: white; font-size: 22px; margin: 23px 0px 0px; position: relative;}
.info.war_live .bottom .hero_img img {cursor: pointer;}
.info.war_live .bottom .hero_img>div:nth-child(2) {cursor: pointer; margin: 5px 0 0 8px; width: 16px; height: 16px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/hero_exclamark_off.png) no-repeat;}
.info.war_live .bottom .hero_img>div:nth-child(2):hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/hero_exclamark_on.png) no-repeat;}
.info.war_live .bottom .hero_img>div:nth-child(2):hover .hero_txt {display: block;}
.hero_txt {background: #483d32; position:absolute; z-index: 100; top: 35px; left: 20px; border-radius: 14px; display: none;}
.hero_txt div:first-child {font-size: 13px; font-weight: 300; color: #fff; padding: 15px 20px; letter-spacing: .3px; cursor: default;}
.hero_txt .top_arrow {width: 100px;height: 37px;overflow: hidden;position: absolute; top: -37px;z-index: 0;}
.hero_txt .top_arrow::after {content: '';width: 100px;height: 100px;background: #483d32;transform: rotate(-45deg);position: absolute;top: 45px;left: 0;z-index: -1;}
.hero_txt .top_arrow {left: 27px;}
.info.war_live .bottom .hero_img>div:nth-child(3) {margin: -1px 0 0 186px;}
.info.war_live .bottom .hero_img>div:nth-child(3) img:first-child {margin-right: 4px;}
.info.war_live .bottom .warhero>div {margin: 17px 0 0 30px;}
.info.war_live .bottom .hero_cont {display: flex; font-size: 16px; color: #adadad; padding-top: 9px;}
.info.war_live .bottom .hero_cont div:first-child img {margin: 12px}
.info.war_live .bottom .hero_cont div span:first-child {color: #a59776; width: 86px; display: inline-block; text-align: center; background: #3b352d; padding: 3px 0; margin: 0 15px 8px 17px;}
    /* ÀüÀï ½ÇȲ */
.info.war_live .bottom .war_info>div {width: 100%; display: flex;}
.info.war_live .bottom .war_info>div:first-child {background: #37332d; color: #dcc8a9; margin-top: 30px;}
.info.war_live .bottom .war_info>div:last-child {background: #151515; color: white; margin-top: 8px;}
.info.war_live .bottom .war_info>div div {width: 25%; text-align: center; font-size: 16px; padding: 12px 0;}

/* ¸í¿¹ÀÇ Àü´ç */
.info.honor_hall {width:1280px; margin: 0 auto; margin-top: 108px; overflow: hidden;}
.info.honor_hall h2 {font-size: 24px; color: white; font-weight: 500; letter-spacing: -1px; height: 45px;}
.info.honor_hall .top {height: 86px;}
.info.honor_hall .top>div:first-child {width: 1280px; border-bottom: 1px solid #988880; display: flex; justify-content: space-between;}
.info.honor_hall .top>div:first-child div:last-child {display: inline-block; margin-top: 8px;}
.info.honor_hall .top>div:first-child div:last-child a {color: #d7c6ac; background: #2c0a01; width: 73px; height: 24px; display: inline-block; text-align: center; font-size: 14px; line-height: 24px; border-radius: 12px; margin-left: 5px;}
.info.honor_hall .top>div:first-child div:last-child a:hover, .info.honor_hall .top>div:first-child div:last-child a.on {color: #fff; background: #b00a0a;}
.info.honor_hall .top>div:first-child {font-size: 16px; color: #a39688; font-weight: 500; padding: 18px 0 0;}
.info.honor_hall .bottom>div:first-child .on {
    text-underline-offset: 3px;
    color: #ffeabc;
}

/* ±â¿©µµ ¼¿·ºÆ® */
.search_title_box3 {position: relative; width: 90px; height: 26px; left: 162px; top: -44px; background: #362d1b; color: #ebcc83;}
.search_title_box3 #title3 {user-select: none; cursor: pointer;} 
.search_title_box3 .opt div {width: 78px; text-align: left; padding: 6px 0 0 4px; margin: 0 0 5px 6px;}    
.search_title_box3::after {display:block;content:'';position:absolute;width:22px;height:15px; background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_down_main.jpg) no-repeat; top: 10px; right: -5px; cursor: pointer;}
.search_title_box3.on::after {display:block;content:'';position:absolute;width:22px;height:15px; background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_up_main.jpg) no-repeat; top: 10px; right: -5px;}
.search_title_box3 .opt_box {position: absolute; display: inline-block; overflow: hidden; height: 0px; z-index: 1; transition: .1s; top:0px;}
.search_title_box3.on .opt_box {height: 175px; transition: .3s;}
.search_title_box3 .opt_box .opt.over {margin-top: 0px;}
.search_title_box3.on .opt.over {display: block; top: 0; opacity: 1; transition: .3s;}
.search_title_box3 .opt.over a {width: 90px; background: #362d1b; display: inline-block;}
.search_title_box3 .opt.over a:first-child {background:none;}
.search_title_box3 .opt.over a:first-child::after {display:block;content:'';position:absolute;width:73px;height:1px; background:#6e6c64; top: 27px; left: 9px;}
.search_title_box3 .opt.over a:nth-child(2) {padding-top: 5px; margin-top: -6px;}
.search_title_box3 .opt.over a div {color:#ebcc83; cursor: pointer; user-select: none; font-size: 14px; font-weight: 500; width: 78px; height: 24px; line-height: 10px}
.search_title_box3 .opt.over .title {background: #362d1b;}
.search_title_box3 .opt.over .title:hover{background: #1f1a0f;} 
    /* ¿¤¸ð¶óµµ - Ä«·ç½º */
.info.honor_hall .bottom>div:first-child {background: #171515; display: inline-flex; padding: 5px 20px; border-radius: 15px; position: relative; margin: -16px 0px 10px;}
.info.honor_hall .bottom>div:first-child div:first-child {margin-right: 40px;}
.info.honor_hall .bottom>div:first-child a {color: #d4b3a2; font-size: 16px; font-weight: 300;}
.info.honor_hall .bottom>div:first-child a:hover {text-decoration: underline;text-underline-offset:3px; color: #ffeabc;}
.info.honor_hall .bottom>div:first-child div:first-child::after {display:block;content:'';position:absolute;width:2px;height:12px; background:#755849; top: 10px; left: 95px;}
.info.honor_hall .bottom>div:last-child {display: inline-flex;}
.info.honor_hall .bottom>div:last-child>div {width: 405px; height: 182px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/honor_bg.jpg) no-repeat;}
.info.honor_hall .bottom>div:last-child>div:nth-child(2) {margin: 0 32px;}
.info.honor_hall .bottom .hero_cont {display: flex; align-items: center; justify-content: center; font-size: 16px; color: #e7e1d9; width: 405px; height: 182px;}
.info.honor_hall .bottom .hero_cont>div:first-child img {padding:20px 17px 20px 40px;}
.info.honor_hall .bottom .hero_cont>div:last-child {width: 228px; line-height: 30px; font-weight: 300;}
.info.honor_hall .bottom .hero_cont>div:last-child span {color: #907751; font-weight: 500;}

/*³ªÀÌÆ® ÆÄ¿ö¾÷ »óÁ¡*/
.info.honor_shop {width:1280px; margin: 0 auto; margin-top: 104px; height: 324px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/shop_bg.jpg) no-repeat;}
.info.honor_shop .info_box {display: flex; align-items: center; width: 1280px;}
.info.honor_shop .left {width: 150px; text-align: center; margin: -4px 0 0 68px;}
.info.honor_shop .left a {width: 120px; background: #4e3712; box-sizing: border-box; display: inline-block; text-align: left; padding: 3px 0 3px 10px; font-size: 16px; color: #c9b074; font-weight: 600; position: relative; transition: .1s; margin-top: 20px;}
.info.honor_shop .left a:hover {background: #3c290b; transition: .2s; padding-left: 10.5px;}
.info.honor_shop .left>div:first-child {color: white; font-size: 48px;}
.info.honor_shop .left>div:last-child {position: relative;}
.info.honor_shop .left>div .plus {position: absolute; color: #c9b074; font-weight: 600; font-size: 18px; top: 21px; right: 22px; transform: rotate(0deg); transition: .3s; padding-bottom: 3px; user-select: none; pointer-events: none;}
.info.honor_shop .left a:hover + .plus {transform: rotate(360deg); transition: .7s;}
.info.honor_shop .left>div:first-child::first-line {font-size: 30px;}
.info.honor_shop .right {text-align: center; display: flex; margin: -4px 0 0 39px;}
.info.honor_shop .right>div {text-align: center; margin: 0 45px 0 40px;; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/main/shop_rect.png) no-repeat center 20px; width: 165px; display: flex; justify-content: center;}
.info.honor_shop .right>div .shop_recom {background: #28476d; padding: 8px 0 9px; border-radius: 15px; font-size: 15px; color: white; font-weight: 600; width: 100px; position: absolute; top: 0; left: 33px;}
.info.honor_shop .right>div .shop_recom.pop {background: #861600; }
.info.honor_shop .right>div {position: relative;}
.info.honor_shop .right>div a div:nth-child(1) {margin: 50px 0 33px;}
.info.honor_shop .right>div a div:nth-child(2) {font-size: 18px; color: #a38575;}
.info.honor_shop .right>div a div:nth-child(2)::first-line {color: #e3e3e3;}
.info.honor_shop .right>div .area {background: white; position: absolute; width: 143px; height: 143px; border-radius: 20px; top: 20px; left: 11px; opacity: 0;}
.info.honor_shop .right>div .screen {background: white; position: absolute; width: 143px; height: 10%; border-radius: 20px; top: 20px; left: 11px; opacity: 0; transition: .3s;}
.info.honor_shop .right>div a:hover .screen {opacity: .1; transition: .2s; height: 143px;}

/*³ªÀÌÆ® °£´Ü ¼Ò°³*/
.info.honor_info {width:1280px; margin: 0 auto; height: 528px; }
.info.honor_info .info_box {display: flex; align-items: center; width: 1280px; color: #ffc9c9; font-size: 36px; justify-content: center; text-align: center;}
.info.honor_info .info_box .lozenge.one {margin-right: 936px;}
.info.honor_info .lozenge, .info.honor_info .lozenge>div:first-child {position: relative;}
.info.honor_info .lozenge>div:first-child::before {
    content: "";
    position: absolute;
    top: -110px;
    left: -119px;
    border: 1px solid rgba(255,202,202,.5);
    background: rgba(10,7,9,.4);
    transform: rotate(45deg);
    box-sizing: border-box;
    width: 242px;
    height: 242px;
    transition: .1s;
}
.info.honor_info .lozenge.two>div:first-child::before {
    border: 1px solid rgba(191,242,255,.5);
}
.info.honor_info .lozenge {display: flex; justify-content: center; align-items: center; margin-top: -36px;}
.info.honor_info .lozenge>div:last-child {position: absolute; width: 300px; top: -32px; left: -148px;}
.info.honor_info .lozenge>div:last-child>div:last-child {position: absolute; top: 18px; left: 10px;}
.info.honor_info .lozenge.one>div:last-child { color: #ffc9c9;}
.info.honor_info .lozenge.two>div:last-child { color: #afdeed;}
.info.honor_info .lozenge.two>div:last-child>div:last-child {left: 266px;}
.info.honor_info .lozenge>div>div:nth-child(2) {font-size: 18px;}
.info.honor_info a:hover .lozenge>div:first-child::before {background: rgba(10,7,9,.6); transition: .3s; _box-shadow: 0 0px 12px rgba(255, 0, 0, 1.7);}
.info.honor_info a:hover .lozenge>div:last-child>div:last-child {transform: rotate(-360deg); transition: .7s;}
.info.honor_info a:hover .lozenge.two>div:last-child>div:last-child {transform: rotate(360deg); transition: .7s;}
.info.honor_info a .lozenge>div:last-child>div:last-child {transform: rotate(0deg); transition: .3s; padding-bottom: 3px;}

    /* more ¹öÆ° */
.news_sched .top>div {position: relative;}
.war_live .top>div>div:first-child {position: relative;}
.honor_hall .top>div:first-child>div:first-child {position: relative;}
.more_btn {position: absolute; font-size: 24px; color: #686868; user-select: none; width: 20px; height: 20px; display: flex; top: 0px; left: 75px; align-items: center; justify-content: center; line-height: 20px; padding-bottom: 2px; transform: rotate(0deg); transition: .3s;}
.war_live .top>div>div:first-child .more_btn {left: 100px; top: 4px;}
.honor_hall .top>div:first-child>div:first-child .more_btn {left: 123px; top: 4px; color: #ffadad;}
.more_btn:hover {color: #ff3434; transform: rotate(360deg); transition: .7s;}
.honor_hall .top>div:first-child>div:first-child .more_btn:hover {color: #ee3e00;}

/* popup */
.popup{position:absolute;}
.popup .detail{position:absolute;right:0;display:flex;margin:12px 20px;padding:20px 20px 40px 20px;box-shadow:0 0 25px rgba(35,38,42,.7);background:#fff;z-index:100}
.popup .detail img{width:260px;height:340px;border:1px solid #e0e0e0}
.popup .detail a{display:inline-block;margin:0 0 0 10px}
.popup .detail a:first-child{margin:0}
.popup .detail a:hover img{border-color:#aaa}
.popup button{position:absolute;background:none;font-size:12px}
.popup button:before,.popup button:after{content:'';display:block;position:absolute;top:7px;left:-2px;width:16px;height:1px;background:#474747;transform:rotate(-45deg)}
.popup button:after{transform:rotate(45deg)}
.popup .today{bottom:11px;padding:0 0 0 15px;color:#757575}
.popup .close{top:-23px;right:0;width:62px;height:23px;background:#23272a;text-indent:-9999px}
.popup .close:before,.popup .close:after{top:11px;left:23px;background:#fff}


/* ´ëǥij¸¯ÅÍ Æ˾÷ */
.popup_log{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center; z-index: 1000;}
.popup_log .detail {position:relative; background: #21252a;width: 428px; height: 286px; margin-top: -300px;}  
.popup_log .detail>div:first-child {width: 100%; height: 60px; background: #121416; display: flex; justify-content: space-between; align-items: center;padding: 9px 9px 9px 23px; color: #bd9d50; font-size: 22px;}  
.popup_log .log_top {display: flex; justify-content: center; margin-top: 30px;}
.popup_log .log_top>div:first-child {width: 92px; height: 92px; overflow: hidden; border-radius: 46px; background:#151515; margin-right: 28px;}
.popup_log .log_top>div img {margin: -3px 0 0 -20px;}
.popup_log .log_top>div:last-child div {padding-bottom: 7px; font-size: 16px; color: #a0a2a3;}
.popup_log .log_top span {display: inline-block; width: 86px; text-align: center; background: #3b352d; font-size: 16px; color: #a59776; padding: 3px 0; margin-right: 12px;}
.popup_log .log_top a {display: inline-block; width: 248px; text-align: center; background: #733e18; font-size: 14px; color: #fff; font-weight: 300; padding: 7px 0; margin-top: 11px;}
.popup_log .log_top a:hover {background: #7f451b;}